热门搜索 :
考研考公
您的当前位置:首页正文

JavaScript的基础语法

来源:东饰资讯网
timg.jpg
语法规则
  • JavaScript 是一种动态类型语言,也就是说,变量的类型没有限制,变量可以随时更改类型
  • JavaScript对换行、缩进、空格不敏感
  • 每一条语句结束的时候要加上 分号 ;
  • 注释
    • //单行注释
    • /* */ 多行注释

变量

  • 变量是对“值”的具名引用。变量就是为“值”起名,然后引用这个名字,就等同于引用这个值。变量的名字就是变量名。
  • 变量是用var来定义,只有在定义之后,变量才能够使用
var a = 1;

上面的代码先声明变量a,然后在变量a与数值1之间建立引用关系,称为将数值1“赋值”给变量a。以后,引用变量名a就会得到数值1。最前面的var,是变量声明命令。它表示通知解释引擎,要创建一个变量a。

  • 变量的命名规范
    • 只能有英文的字母、数字、下划线、美元符号、且不能以数字开头、并且不能是JavaScript的保留字
    • JavaScript 的变量名区分大小写,A和a是两个不同的变量。
    • 变量名中不允许使用空格
    • 保留字有: abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto
      implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile

变量的作用域

  • 变量可以分为:全局变量 和 局部变量
  • 全局变量
    • 在最外层声明的变量
    • 在函数体内部,但是没有声明var 的变量也是全局变量
  • 局部变量
    • 在函数体内部的 声明的变量
  //全局变量
   var num = 10;
            function ff3() {
                
                console.log(num);
            //局部变量
                var num2 = 3;
                
                
            }
            

数据的类型

  • 数值型(number):整数和小数

  • 字符串型(string): 文本

    • string() 转换成字符型
  • 布尔值(boolean): 表示真伪的两个特殊值,即true(真)和false(假)

  • undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值

  • null:表示空值,即此处的值为空。

  • 对象(object):各种值组成的集合.

  • typeof 运算符 可以返回一个值的数据类型

   var  a = 100.0;
     console.log(typeof a)

输出结果:number

  • 连字符和 + 号, 如果加号两边都是数值,此时是加。否则,就是连字符。
console.log("我" + "爱" + "你");   //连字符,把三个独立的汉字,连接在一起了
console.log("我+爱+你");           //原样输出
console.log(1+2+3);             //输出6

运算符

  • 加(+)、 减(-),乘(*),除(/),取模(%):就是余数

  • 乘方 Math.pow(3,4);


    乘方.png
  • 开根号 Math.sqrt();

关系运算符

大于号 >
< 小于号
= 大于或等于
<= 小于或等于
== 等于
=== 全等于
!= 不等于
!== 不全等于

  • 注意关系运算符是和布尔值是对应的,返回的加过就是 true 和 false
console.log(5 <= 5);    //true
console.log(6 <= 10);   //true
console.log(6 <= 3);    //false

console.log(5 == 5);    //true
console.log(5 == 6);    //false
  • ==等等不严谨,会将不同类型的东西,转为相同类型进行比较
console.log("5" == 5);      //true
console.log(56 == "56");    //true
  • 全等于,就是三个等号===
  • 前提是 类型完全一样 比如:都是字符串类型,或者 都是 数字类型
//全等于
console.log("56" === 56);   //false
console.log(56 === "56");   //false
console.log("56" === "56"); //true
console.log(56 === 56);     //true
逻辑运算符

&& 与(且)
|| 或
! 非
参与逻辑运算的,都是布尔值。也就是说,只有true、false才能参与逻辑运算,得到的答案,仍然是布尔值。

console.log(true || true);          //true
console.log(true || false);         //true
console.log(false || true);         //true
console.log(false || false);                //false
常用的语句
  • Alert() 弹出警示框
  • Console 控制台输出
console.png
  • document.write() 文档打印输出
//警告框
alert("警告语");
 var  a = 100.0;
//控制台输入
 console.log(typeof a)

//prompt就是专门用来弹出能够让用户输入的对话框:
  var b = prompt("哈哈请输入点什么东西吧");
//变量b可以获取到 用户输入的值
       console.log(b);


  • parseInt
    • 自动带有截断小数功能(取整,不四舍五入)
console.log(parseInt(5.8));

输出:5
  • parseInt带有自动净化的功能:
console.log(parseInt("365天每天都爱你10000次"));
输出:365
  • 字符串转化数字
parseInt(“5”);
结果就是数字5。

  • getElementById() 通过Id获取这个标签
  • getElementsByTagName() 获取某类标签 是个复数
Top