JS——【笔记】JavaScript基础

基本语句语法:

1.接收输入(弹出对话框): let age = prompt(‘请输入年龄’)

2.打印输出:document.write(``)

3.控制台 输出语句,将"内容"输出在控制台中便于以后的调试:console.log(xx)

4.弹出对话框:alert()

5.获取变量值（避免变量和字符串混合输出时+和""要求的繁琐):

${变量}

eg：
"我"+age+"岁了"  等价于  `我${age}岁了`

一、运算符

1.逻辑运算符运算顺序

先&&后||(无论出现的前后顺序如何)

2.let num = +prompt('请输入一个数')；prompt前加+能把变量转化为数字型

二、数组

1.声明

let arr = [1,2,3]

数组按顺序保存，每个数据有自己编号

2.数组增加元素

arr.push(新增的内容):将一个或多个元素添加到数组末尾，并返回该数组长度

arr.unshift(新增的内容)：将一个或多个元素添加到数组开头，并返回该数组长度

3.数组删除元素

arr.pop():从数组中删除最后一个元素并返回删除的元素

arr.shift():从数组中删除开头一个元素并返回删除的元素

arr.splice(操作开始的下标，删除的个数):删除指定元素/个数

三、函数

1.普通函数

声明: function 函数名(参数列表){ }

调用: 函数名()

function getSum(num1,num2){
document.write(num1+num2)
return 返回值  /* 可无return，默认返回undefined */
}

getSum(2,3)

返回多个值:通过数组存多个值再返回实现

return [返回值1,返回值2]

2.匿名函数

通过将匿名函数赋值给一个变量来调用,称为函数表达式

eg；
声明
let fn = function(){
//函数体
}
调用:
fn()	//变量名()

3立即执行函数

立即执行，无需调用

方式一:

(function(形参){函数体})(实参)

方式二:

(function(形参){函数体}(实参))

三、对象(引用数据类型)

​ 可理解为无序的数据集合

1.声明:

let 对象名 = {
	属性名:属性值,/*多个属性值用,分割*/
	方法名:函数
}

eg:

let person = {
	uname:'Tony',
	age: 18,
	sex: '男',
	sayHi: function (形参){
        document.write('Hi~')
    }
}

2.访问属性:

方式1：对象.属性名 eg：person.age

方式2：对象[‘属性名’] eg：person['age']

3访问方法

对象.方法名(实参) eg：person.sayHi()

4.修改属性

对象.属性 = 新值 eg：person.age = 17

5.新增

新增属性

对象.新属性名 = 属性值 eg：person.score = 98

新增/修改(覆盖)方法

对象.方法名 = function(){}

eg：person.move = function() = {

document.weite(移动一点)

}

6.删除属性

delete 对象名.属性名 eg：delect person.score

7.用for in循环语句遍历对象属性

格式:

for(let k in obj){/*其中k为变量,表示对象属性，常用k或key表示*/	
}

eg:

for(let k in person){
    /*k === 'uname === 'age' === 'set'*/
console.log(k)//得到带字符串的属性名
console.log(person.k)/*	错误，试图用对象.属性名方式获取属性值,但属性k不存在*/
console.log(person[k])/*正确，可以用对象[属性名]"不用加引号，k为变量"的方式获取属性值(按照遍历所得的属性顺序获取属性值)*/

}

四、内置对象

JavaScript提供的对象,包含各种属性和方法给开发调用

如document.write()、consolo.log()都属于内置对象

对象及方法可查看文档(MDN Web Docs)

1、Math对象

常用方法:

说明

Math.ceil(1.1) //返回2，向上取整,返回的整数

Math.floor(1.2) //返回1向下取整,返回的整数

Math.round(1.5)  /*返回2*/  Math.round(-1.5)  /*返回-1*/   	//就近取整(负数往大的取)  

Math.max(1,5,9)	Math.min(1,3,9)	//返回最大值和最小值

Math.random()*（m-n+1) + n 	/*生成一个从n到m的随机数*/