js基础-基本语法、数据类型、运算符

JavaScript

  • JavaScript负责页面中的的行为。
    • 它是一门运行在浏览器端的脚本语言。
JS的编写的位置
  1. 可以编写到标签的指定属性中
    <button onclick="alert('hello');">我是按钮</button>
    <a href="javascript:alert('aaa');">超链接</a>

  2. 可以编写到script标签中
    <script type="text/javascript"> //编写js代码 </script>

  3. 可以将代码编写到外部的js文件中,然后通过标签将其引入
    <script type="text/javascript" src="文件路径"></script>

输出语句
	- alert("要输出的内容");
		- 该语句会在浏览器窗口中弹出一个警告框
		
	- document.write("要输出的内容");
		- 该内容将会被写到body标签中,并在页面中显示
		
	- console.log("要输出的内容");
		- 该内容会被写到开发者工具的控制台中
基本的语法
  • 注释

    • 单行注释
      //注释内容
    • 多行注释
      /*
      注释内容
      */
  • JS严格区分大小写

  • JS中每条语句以分号(;)结尾

  • JS中会自动忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化。

字面量和变量
  • 字面量

    • 字面量实际上就是一些固定的值,比如 1 2 3 4 true false null NaN “hello”
      字面量都是不可以改变的。
    • 由于字面量不是很方便使用,所以在JS中很少直接使用字面量
  • 变量

    • 变量可以用来保存字面量,并且可以保存任意的字面量

    • 一般都是通过变量来使用字面量,而不直接使用字面量,而且也可以通过变量来对字面量进行一个描述

    • 声明变量

      • 使用var关键字来声明一个变量
        var a;
        var b;
        var c;
    • 为变量赋值
      a = 1;
      b = 2;
      c = 3;

    • 声明和赋值同时进行
      var d = 456;
      var e = 789;

标识符
  • 在JS中所有的可以自主命名的内容,都可以认为是一个标识符,是标识符就应该遵守标识符的规范。
  • 比如:变量名、函数名、属性名
  • 规范:
    1. 标识符中可以含有字母、数字、_、$
    2. 标识符不能以数字开头
    3. 标识符不能是JS中的关键字和保留字
    4. 标识符一般采用驼峰命名法
      xxxYyyZzz

数据类型

JS中一共分成六种数据类型

  1. String 字符串
  2. Number 数值
  3. Boolean 布尔值
  4. Null 空值
  5. Undefined 未定义
  6. Object 对象

其中基本数据类型有

String 字符串
  • JS中的字符串需要使用引号引起来双引号或单引号都行

  • 在字符串中使用\作为转义字符
    \' ==> '
    \" ==> "
    \n ==> 换行
    \t ==> 制表符
    \\ ==> \

  • 使用typeof运算符检查字符串时,会返回"string"

Number 数值
  • JS中所有的整数和浮点数都是Number类型

  • 特殊的数字
    Infinity 正无穷
    -Infinity 负无穷
    NaN 非法数字(Not A Number)

  • 其他进制的数字的表示:
    0b 开头表示二进制,但是不是所有的浏览器都支持
    0 开头表示八进制
    0x 开头表示十六进制

  • 使用typeof检查一个Number类型的数据时,会返回"number"(包括NaN 和 Infinity)

Boolean 布尔值
  • 布尔值主要用来进行逻辑判断,布尔值只有两个
    true 逻辑的真
    false 逻辑的假
  • 使用typeof检查一个布尔值时,会返回"boolean"
Null 空值
  • 空值专门用来表示为空的对象,Null类型的值只有一个
    • null
  • 使用typeof检查一个Null类型的值时会返回"object"
Undefined 未定义
  • 如果声明一个变量但是没有为变量赋值此时变量的值就是undefined
  • 该类型的值只有一个 undefined
  • == 使用typeof检查一个Undefined类型的值时,会返回"undefined"==

引用数据类型

Object 对象
类型转换:

类型转换就是指将其他的数据类型,转换为String Number 或 Boolean

一、转换为String

  • 方式一(强制类型转换):

    • 调用被转换数据的toString()方法
    • 例子:
      var a = 123;
      a = a.toString();
      • 注意:这个方法不适用于null和undefined
        由于这两个类型的数据中没有方法,所以调用toString()时会报错
  • 方式二(强制类型转换):

    • 调用String()函数
    • 例子:
      var a = 123;
      a = String(a);
    • 原理:对于Number Boolean String都会调用他们的toString()方法来将其转换为字符串,
      对于null值,直接转换为字符串"null"。对于undefined直接转换为字符串"undefined"
  • 方式三(隐式的类型转换):

    • 为任意的数据类型 +""
    • 例子:
      var a = true;
      a = a + “”;
    • 原理:和String()函数一样

二、 转换为Number

  • 方式一(强制类型转换):

    • 调用Number()函数
    • 例子:
      var s = “123”;
      s = Number(s);
    • 转换的情况:
      1. 字符串 --> 数字
        • 如果字符串是一个合法的数字,则直接转换为对应的数字
        • 如果字符串是一个非法的数字,则转换为NaN
        • 如果是一个空串或纯空格的字符串,则转换为0
      2. 布尔值 --> 数字
        • true转换为1
        • false转换为0
      3. 空值 --> 数字
        null转换为0
      4. 未定义 --> 数字
        undefined 转换为NaN
  • 方式二(强制类型转换):

    • 调用parseInt()或parseFloat()

    • 这两个函数专门用来将一个字符串转换为数字的

    • parseInt()

      • 可以将一个字符串中的有效的整数位提取出来,并转换为Number
      • 例子:
        var a = “123.456px”;
        a = parseInt(a); //123
      • 如果需要可以在parseInt()中指定一个第二个参数,来指定进制
    • parseFloat()

      • 可以将一个字符串中的有效的小数位提取出来,并转换为Number
      • 例子:
        var a = “123.456px”;
        a = parseFloat(a); //123.456
  • 方式三(隐式的类型转换):

    • 使用一元的+来进行隐式的类型转换

    • 例子:
      var a = “123”;
      a = +a;

    • 原理:和Number()函数一样

三、 转换为布尔值

  • 方式一(强制类型转换):
    • 使用Boolean()函数
    • 例子:
      var s = “false”;
      s = Boolean(s); //true
    • 转换的情况
      1. 字符串 --> 布尔
        除了空串其余全是true

      2. 数值 --> 布尔
        除了0和NaN其余的全是true

      3. null、undefined —> 布尔
        都是false

      4. 对象 —> 布尔
        都是true

    • 方式二(隐式类型转换):
      • 为任意的数据类型做两次非运算,即可将其转换为布尔值
      • 例子:
        var a = “hello”;
        a = !!a; //true

运算符

  • 运算符也称为操作符
    • 通过运算符可以对一个或多个值进行运算或操作
typeof运算符
  • 用来检查一个变量的数据类型
  • 语法:typeof 变量
  • 它会返回一个用于描述类型的字符串作为结果
算数运算符
+	对两个值进行加法运算并返回结果
-  	对两个值进行减法运算并返回结果
*	对两个值进行乘法运算并返回结果
/	对两个值进行除法运算并返回结果
%	对两个值进行取余运算并返回结果
  • 除了加法以外,对非Number类型的值进行运算时,都会先转换为Number然后在做运算。
  • 而做加法运算时,如果是两个字符串进行相加,则会做拼串操作,将两个字符连接为一个字符串。
  • 任何值和字符串做加法,都会先转换为字符串,然后再拼串
一元运算符
  • 一元运算符只需要一个操作数

  • 一元的+

    • 就是正号,不会对值产生任何影响,但是可以将一个非数字转换为数字
    • 例子:
      var a = true;
      a = +a;
  • 一元的-

    • 就是负号,可以对一个数字进行符号位取反
    • 例子:
      var a = 10;
      a = -a;
自增
  • 自增可以使变量在原值的基础上自增1
  • 自增使用 ++
  • 自增可以使用 前++(++a)后++(a++)
  • 无论是++a 还是 a++都会立即使原变量自增1
    不同的是++a和a++的值是不同的,
    ++a的值是变量的新值(自增后的值)
    a++的值是变量的原值(自增前的值)
自减
  • 自减可以使变量在原值的基础上自减1
  • 自减使用 –
  • 自减可以使用 前–(--a)后–(a–)
  • 无论是–a 还是 a–都会立即使原变量自减1
    不同的是–a和a–的值是不同的,
    –a的值是变量的新值(自减后的值)
    a–的值是变量的原值(自减前的值)
逻辑运算符
	!
		- 非运算可以对一个布尔值进行取反,true变false false边true
		- 当对非布尔值使用!时,会先将其转换为布尔值然后再取反
		- 我们可以利用!来将其他的数据类型转换为布尔值
	
	&&
		- &&可以对符号两侧的值进行与运算
		- 只有两端的值都为true时,才会返回true。只要有一个false就会返回false。
		- 与是一个短路的与,如果第一个值是false,则不再检查第二个值
		- 对于非布尔值,它会将其转换为布尔值然后做运算,并返回原值
		- 规则:
				1.如果第一个值为false,则返回第一个值
				2.如果第一个值为true,则返回第二个值
	
	||
		- ||可以对符号两侧的值进行或运算
		- 只有两端都是false时,才会返回false。只要有一个true,就会返回true。
		- 或是一个短路的或,如果第一个值是true,则不再检查第二个值
		- 对于非布尔值,它会将其转换为布尔值然后做运算,并返回原值
		- 规则:	
				1.如果第一个值为true,则返回第一个值
				2.如果第一个值为false,则返回第二个值
赋值运算符
	= 
		- 可以将符号右侧的值赋值给左侧变量
		
	+=
		- a += 5 相当于 a = a+5
		- var str = "hello";  str += "world";
		
	-=
		- a -= 5  相当于 a = a-5
		
	*=
		- a *= 5 相当于 a = a*5
		
	/=
		- a /= 5 相当于 a = a/5	

	%=
		- a %= 5 相当于 a = a%5	
关系运算符
	- 关系运算符用来比较两个值之间的大小关系的
		>
		>=
		<
		<=
	- 关系运算符的规则和数学中一致,用来比较两个值之间的关系,
		如果关系成立则返回true,关系不成立则返回false。
	- 如果比较的两个值是非数值,会将其转换为Number然后再比较。
	- 如果比较的两个值都是字符串,此时会比较字符串的Unicode编码,而不会转换为Number。
相等运算符
	==
		- 相等,判断左右两个值是否相等,如果相等返回true,如果不等返回false
		- 相等会自动对两个值进行类型转换,如果对不同的类型进行比较,会将其转换为相同的类型然后再比较,
			转换后相等它也会返回true
	!=
		- 不等,判断左右两个值是否不等,如果不等则返回true,如果相等则返回false
		- 不等也会做自动的类型转换。
		
	===
		- 全等,判断左右两个值是否全等,它和相等类似,只不过它不会进行自动的类型转换,
			如果两个值的类型不同,则直接返回false
			
	!==
		- 不全等,和不等类似,但是它不会进行自动的类型转换,如果两个值的类型不同,它会直接返回true
		
	特殊的值:
		- null和undefined
			- 由于undefined衍生自null,所以null == undefined 会返回true。
				但是 null === undefined 会返回false。
				
		- NaN
			- NaN不与任何值相等,报告它自身 NaN == NaN //false
			
		- 判断一个值是否是NaN
			- 使用isNaN()函数
三元运算符:
	?:
		- 语法:条件表达式?语句1:语句2;
		- 执行流程:
			先对条件表达式求值判断,
				如果判断结果为true,则执行语句1,并返回执行结果
				如果判断结果为false,则执行语句2,并返回执行结果
				
优先级:
	- 和数学中一样,JS中的运算符也是具有优先级的,
		比如 先乘除 后加减 先与 后或
	- 具体的优先级可以参考优先级的表格,在表格中越靠上的优先级越高,
		优先级越高的越优先计算,优先级相同的,从左往右计算。
	- 优先级不需要记忆,如果越到拿不准的,使用()来改变优先级。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值