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的随机数*/

0个评论
点击登录,快来和大家讨论吧~
表情
图片
暂无评论
heart000_1
下载 APP