JavaScript来了

1、了解什么是JavaScript ?
JavaScript是一种基于对象和事件驱动的客户端脚本语言，最初的设计是为了检验HTML表单输入的正确性，起源于Netscape公司的LiveScript语言。

2、了解JavaScript的发展历史

能够处理复杂的计算和交互
web的重要组成部分
成一个简单的输入验证器到一个强大的编程语言
简单又复杂

3、了解JavaScript的组成部分
在这里插入图片描述

4、在HTML中使用JavaScript
可以在head或body中使用script标签嵌入JavaScript脚本。

今天先讲语法

//单行注释
/**/多行注释
语句结束使用分号，如果省略，则由解析器确定语句的结尾。
最好我们还是养成一个良好的习惯

ECMAScript中的一切（变量、函数名和操作符）都区分大小写。

1、什么是标识符?
变量、函数、属性的名字，或者函数的参数。
2、标识符的命名规则:
( 1)、由字母、数字、下划线(_）或美元符号($）组成
(2)、不能以数字开头
( 3)、不能使用关键字、保留字等作为标识符。

ECMAScript的变量是松散类型
松散类型︰可以用来保存任何类型的数据
换句话说，每个变量仅仅是一个用于保存值的占位符而已。

1、变量的声明要使用var操作符，
语法:var 变量名
2、变量赋值:
声明的同时赋值:var变量名=值
先声明后赋值:变量名=值
—次声明多个变量，用逗号隔开，如:

var name_1;
name_1 = "ZhengQian";
var id,
	sex,
	age = 15,
name = "hurry";
console.log(age);  //在控制台中打印

省略var声明的变量是全局变量
但我们最好不要去省略var来定义全局变量

JavaScript的数据类型
在这里插入图片描述
如何知道是什么类型的呢
用typeof

console.log(typeof(name));  //在控制台中打印

undefined类型只有一个值，即特殊的undefined。
说明∶ 即没有定义
一般而言，不存在需要显式地把一个变量设置为undefined值的情况。

null值表示一个空对象指针
如果定义的变量准备在将来用于保存对象，那么最好将改变量初始化为null而不是其他值。

console.log(undefined==null);  //在控制台中打印true

说明:undefined值是派生自null值的，所以返回结果是true。

1、掌握Number

NUmber表示整数和浮点数
NaN:即非数值(Not a Number)是一个特殊的数值
NaN也是一个数值

console.log(typeof(18-"cbd"));//返回number
console.log(isNaN("16"));//返回false

任何涉及NaN的操作（例如NaN/10）都会返回NaN。
NaN与任何值都不相等，包括NaN本身。

2、掌握isNaN()
功能∶检测是否是“非数值”
返回值:boolean
n可以是任何类型
对接受的数值，这个函数会先尝试着去转换为数值，再检测是否为非数值。

3、掌握数值转换
Number()
parseInt()
parseFloat()
注意大小写
Number()可以用于任何数据类型
parseInt()和parseFloat()则专门用于把字符串转换成数值。
但这些字符串必须得以数值开头

console.log(Number("323"));//323
console.log(Number("323fsfd"));// NaN
console.log(parseInt("323fsfd"));// 323
console.log(parseInt("were323fsfd"));// NaN
console.log(parseInt("0xf"));// 15
console.log(parseInt("0xf",16));// 15

当转换不了时，则NaN

parseInt():会忽略字符串前面的空格，直至找到第一个
非空格字符。
说明∶
1、parseInt():转换空字符串返回NaN。
2、parseInt()这个函数提供第二个参数:转换时使用的基数
(即多少进制）

parseFloat:从第一个字符开始解析每个字符，直至遇见一个无效的
浮点数字符为止。
说明∶
除了第一个小数点有效外，parseFloat()与parseInt()的第二个
区别在于它始终都会忽略前导的零。

console.log(parseInt("12.35px"));// 12
console.log(parseFloat("12.35px"));//12.35
console.log(parseFloat("12.35.43px"));//12.35
console.log(parseFloat("0.1235px"));//0.1235

String类型用于表示由零或多个16位Unicode字符组成的字符序列，即字符串。字符串可以由双引号(”）或单引号(’）表示。

语法:str.toString()
功能︰将str转换为字符串
返回值:str的一个副本
参数:str是要转换的内容，可以是数值、布尔值、对象和字符串。
说明:在不知道要转换的值是不是null或undefined的情况下，还可以使用String()函数，它能够将任何类型的值转换为字符串。

var ids=78965;
var idstr=ids.toString();
console.log (typeof idstr);
var isStudent = true; //则此时isStudent为Boolean型
console.log(typeof isStudent);
console.log(isStudent.toString());//则此时转换为'true'字符串
//一定要注意函数方法的大小写toString

Boolean()
1、除0之外的所有数字，转换为布尔型都为true
2、除" "之外的所有字符，转换为布尔型都为true
3、null和undefined转换为布尔型为false

空格转换为boolean都为true

那这些变量类型转来转去有什么意义？
一般都会说为后面的做铺垫，但不说为什么？
其实类型转换可以为if(){}等语句做判断等

js算数操作符

1、掌握什么是表达式
将同类型的数据（如常量、变量、函数等），用运算符号按一定的规则连接起来的、有意义的式子称为表达式。

2、掌握javascript操作符的分类

算数操作符
逻辑操作符
武值操作符
比较操作符
三元操作符

3、掌握算数操作符

+：加
-：减
*：乘
/ ：除
%∶取余

1、递增
＋+a与a++都是对a进行递增的操作
区别:
++a先返回递增之后的a的值
a++先返回a的原值，再返回递增之后的值
2、递减同理

var num1 = 10,
	num2 = "5";
	console.log(num1 - num2); //number NaN 隐式类型转换

var num1=10,
	num2=5,
	num3=num1++-num2;//++num1   num1=num1+1
console.log(num1) ;// 11  //11
console.log(num3) ;// 16   //5

赋值操作符：

=   +=  -=  *=   /=  %=

注意：任何字符串+任何值都会连接，此处“+”号就是连接符

>、<、>=、<=、==、===、!=、!==
==∶相等，只比较值是否相等
===:相等，比较值的同时比较数据类型是否相等
!=∶不相等，比较值是否不相等
!==∶不相等，比较值的同时比较数据类型是否不相等
返回值:boolean型

var x=10,
	y="10",
	m=15，
	//z=x==y;//值是否相等
	z=x===y;//全等
	n=x!==y;
console.log(n);

三元操作符
语法:
条件?执行代码1:执行代码2
说明∶
可代替简单的if语句，
如果条件成立，执行代码1，否则执行代码2

逻辑操作符
&& || ！与或非

var num1=10,
	num2=20,
	num3=30,
	str="welcome" ,
	bool=true,
	n=null,
	m ;
console.log(numl<num2 && num2<num3);//true
console.log(num1<num2 && num2==num3);//条件都为true才返回true
console.log(numl<num2 && num2);//20
console.log(0 && num2);//0
console.log("" && num2);//""

&&与（只要有一个条件不成立，返回false )
说明︰在有一个操作数不是布尔值的情况，逻辑与操作就不一定返回值，此时它遵循下列规则∶
1、如果第一个操作数隐式类型转换后为true，则返回第二个操作数。
2、如果第一个操作数隐式类型转换后为false，则返回第一个操作数。

Ⅱ或（只要有一个条件成立，返回true )
说明∶在有一个操作数不是布尔值的情况，逻辑或操作就不一定返回值，此时它遵循下列规则∶
1、如果第一个操作数隐式类型转换后为true，则返回第一个操作数。
2、如果第一个操作数隐式类型转换后为false，则返回第二个操作数。
3、如果两个操作数是null，则返回null
4、如果两个操作数是NaN，则返回NaN
5、如果两个操作数是undefined，则返回undefined

!非
说明∶
1、无论操作数是什么数据类型，逻辑非都会返回一个布尔值
2、!!同时使用两个逻辑非操作符时:
第一个逻辑非操作会基于无论什么操作数返回一个布尔值
第二个逻辑非则对该布尔值求反

console.log(!!"");//false
console.log(!!"blue");//true

NEXT:
JavaScript的分支语句！

js算数操作符

猜你喜欢