您的当前位置:首页正文

JavaScript的变量,引入,值类型、运算符

来源:华拓网

JavaScript的引入方式:

页面引入:
JavaScript不同于css 他可以在页面的任意地方嵌入代码块

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //再页头部分嵌入
        alert(123)
    </script>
</head>
<body>
    <script>
         //再内容部分嵌入
        alert(456)
    </script>
</body>
</html>
<script>
     //再页脚部分嵌入
    alert(789)
</script>

外链引入:
<script src="js文件路径"></script>

JavaScript声明变量的方式

通过关键字var来声明一个变量:

 var a;
    var b;
    var c;
    a = 1;
    b = 2;
    c = 3;
    // 等同于
    // var a = 1;
    // var b = 2;
    // var c =3;
//也可以一个关键子同时声明多个变量,每个变量之间用逗号隔开
    var a, b, c ;

JavaScript的值类型:

按照存储类型分为值类型和引用类型

原始值:也就是基本类型: 数字(number)、文本或字符串(string)、布尔(boolean)、未定义(undefined)、空对象指针(null)、Symbol(独一无二的类型、es6新增的类型)。
引用值: 对象(object)、数组(array)、函数(function)

按照js的数据分文简单数据类型和复杂类型:

js中有5中简单数据类型(也称为基本数据类型): Undefined、Null、Boolean、Number和String。一种复杂类型:Object

检测数据类型:

任意变量与字符串拼接都换转换为字符串;
js中使用typeof能检测基本类型

typeof undefined // undefined
typeof 'abc' // string
typeof 123 // number
typeof true // boolean
typeof {} // object
tyoepf [] // object
typeof null //object
typeof console.log //function

检测引用类型的值 instanceof操作符就会返回true;
比如:

alert(oerson instaceof Objdect);  //检测oerson是不是Objdect
alert(colors instaceof  Array);      //检测colors 是不是Array
alert(pattern instaceof RegExp);    //检测pattern 是不是RegExp

tip:使用instanceof来检测基本数据类型始终会返回false

js中有哪些内置函数-数据封装类对象

Object
Array
Boolean
Number
String
Function
Date
RegExp
Error

就是中常用的运算符:

=   等于
+  加
-  减
*  乘
/  除以
%  取余      x = 5 % 2    结果1
++  累加  x = ++ 5 x = 1 + 5     
--  递减  x = -- 5  x =  1 - 4
//给定 x=10 和 y=5,
+=  x+=y    x=x+y   x=15
-=  x-=y            x=x-y   x=5
*=  x*=y            x=x*y   x=50
/=  x/=y    x=x/y   x=2
%=  x%=y    x=x%y   x=0