js(一)之基础

js的三大引入方式

• 链接式
• 嵌入式
• 行内式

链接式

外部引入js文件

1. 新建js文件，编写代码
2. 引入到html文件界面中，放入head标签内

<script type="text/javascript" src="xxx"></script>

嵌入式

直接在页面中的script标签中写入代码。

<script>
	alter(“hello”);
</script>

行内式

<input type="buttom" value="点击我" onclick="alter(“hello”)">

js与用户的交互方式

弹窗

alter("输出内容")

控制台

console.log("这是一个信息")
console.warn("这是一个警告")
console.error("这是一个错误")

页面

document.write("输出内容")

js代码的执行过程

js中代码的执行是由浏览器中的js解析器执行的，js解析器在执行代码的时候分为2个过程：预解析和代码执行过程。
预解析：

1. 把变量的声明提到作用域前面。
2. 把函数的声明提到作用域前面。
3. 先提升var再提升function。

js的基本语法

变量

var 变量名[=初始化值],变量名[=初始化值]...

var动态数据类型，当执行到这一行时候动态赋值。

常量

以const前缀，名称大写(命名规范)，常量不可以被修改

const PI=3.14;

数据类型

简单数据类型

Number

所有小数或者整数都是Number类型

var a=Number.MAX_VALUE;//显示Number的最大值
var b=Number.MIN_VALUE;//显示Number的最小值
var c=Infinity;//c无穷大
var d=NaN;//js对数值进行计算没有返回结果的时候返回NaN

Boolean

var isTrue=true;
var isTrue=false;

String

var str="hi";

undefined

代表变量未赋值

Null

null其实由undefined衍生来的，undefined==null为true。

想要查看某个变量数据类型，直接在前面加上typeof

引用数据类型(Object)

数据类型的转换

转字符串

1. toString()

var a=1;
var b=a.toString();

进制转换

var a=1;
var b=a.toString(2);//转成2进制串
var c=a.toString(8);//转成8进制串
var d=a.toString(16);//转成10进制串

2. String()
   有些类型没有toString()方法，不如null和undefined据需要String()方法。

var a=null;
var b=String(a);

3. +""转换

var a=1;
var b=1+"";

转数字

var a="1";
var b=Number(a);

1. 字符串为空或者空格，转为0。
2. true转成1，false转成0。
3. null转成0，undefined转成NaN。

parseInt()/parseFloat()

parseInt()有2个参数，第一个是要转换的字符串，第二个参数是要转换的进制。从第一位有效数字开始，直到遇到无效数字。如果第一位不是有效数字，直接返回NaN。

转boolean

var a="";
var b=Boolean(a);

空字符串、空格、0、null、undefined会转成false，其他转成true

数组

初始化

var arr1=new Array();//创建一个空数组
var arr1=[];//创建一个空数组
var arr1=["123","123"];
var arr1=new Array(30);//创建一个长度为30的数组

• arr.length表示数组长度

函数

函数的声明

• 普通声明方式

function sum(a,b){
	return a+b;
}
sum(2,3)

• 表达式声明方式

var sum=function (a,b){
	return a+b;
}
sum(2,3)

arguements

arguement是一个数组，存放输入参数。
例子：

var sum=function (a,b){
	console.log(arguements);
}
sum(2,3)

此时arguements=[2,3]

匿名函数

function (a,b){
	return a+b;
}

闭包(立即执行函数)

(function (a,b){
	return a+b;
})(1,2)

面向对象

js对象的分类

• 内建对象，是由es标准定义的对象，在任何es实现中都可以使用，比如String，Number，Boolean，Function，Object。
• 宿主对象，是由js运行环境提供对象，现在主要由浏览器提供对象，比如DOM对象，BOM对象。
• 自定义对象，我们自己创建的对象。

创建对象的方式

对象字面量

var x1={
	name:"my",
	age:18,
	sex:"男",
	dolt:function(){
		console.log("哈哈哈");
	}
}

new Object()

var x1=new Object();
x1.name="my";
x1.age:18;
x1.sex:"男";
x1.dolt=function(){
		console.log("哈哈哈");
}

自定义构造函数

function Person(name,age,sex){
	this.name=name;
	this.age=age;
	this.sex=sex;
	this.dolt=function(){
		console.log("哈哈哈");
	}
}

遍历对象属性

for(var key in obj){
	console.log(key+obj[key]);
}

删除对象属性

delete obj.age;

内置对象

Array对象

Math对象

https://www.w3school.com.cn/jsref/jsref_obj_math.asp

String对象

https://www.w3school.com.cn/jsref/jsref_obj_string.asp