js学习笔记

简介: js学习笔记

1 前言

js标签最好写在</body>的上面;

css内容写在<head>里面。


2 基础语法

2.1 三种js引入方式

  • 行内引入
<input type="button" value="点我" onclick="alert('弹窗')">
  • 内嵌引入
<script>
        console.log("hello,js")
</script>
  • 外部引入
<script src="js/index.js"></script>

2.2 数据类型

在js里数据类型有:

  • 数字(number)
  • 字符串(string)
  • 布尔类型(boolean)
  • 空(null)
  • 未定义(undefined)

2.3 定义变量

可以用关键字varconstlet声明变量。

  • var可以重复定义一个变量(覆盖)。
  • let是es6中新增的,可以修改值。
var num1 = 1
var num1 = 2
num1 = 3
//let声明变量
let num2 = 3
num2 = 4
  • const是es6中新增的,const定义的变量不能被修改(定义常量相当于Java里的final修饰符)
    区别:let和var可以修改变量值;而let不能重复定义一个变量;let和const都是es6里新增的。


//定义数字
var num1 = 1
//定义字符串,用单引号或双引号
var str = '字符'
var str1 = "字符"
//定义布尔类型
var bo = true
//定义空
var nu = null
//未定义
var unde
//定义数组
var arr = []
//定义对象
var obj = {}

2.4 数组

2.4.1 定义数组的三种方式

  • 通过方法调用
var arr = Array()
//赋值
arr[0] = 11
  • 使用new关键字
var arr1 = new Array()
  • 使用josn数组,常用
var arr2 = []
var arr3 = [1,2,3,4]

2.4.2 数组赋值

var arr = []
arr[0] = 11
arr[1] = 22
arr[5] = 55
console.log(arr)
//未定义的
console.log(arr[2])
//定义空
arr[3] = null
console.log(arr[3])

2.4.3 打印数组

//打印数组
for(var i = 0;i<arr.length;i++){
    console.log(arr[i])
}

2.5 方法

语法:

  • function 方法名(参数可无){方法体}
  • var 变量名 = function(参数){}

eg:求和、作差

function sum(a,b){
    return a + b;
}
var c = sum(1,2)
console.log(c)

3

//作差
var aa = function(a,b){
    return a - b;
}
var cc = aa(5,4)
console.log(cc)

1

注意:

return 的作用:

  • 结束当前方法,不再往下执行
  • 返回值

2.6 对象

语法:

  • var 对象名 = new Object()
  • var 对象名 = {}
var person = new Object()
person.sex = "男"
person.name = "小明"
console.log(person)

对象、数组、方法里面可以随意嵌套

var person = {
    name:'张三',
    age:18,
    pet:{name:"小花",age:3,color:'black'},
    hobby:["篮球","羽毛球"],
    eat:function(fond){console.log("肉")}
}
console.log(person)
//获取对象里的pet对象里的name属性
console.log(person.pet.name)

2.7 内置变量arguments

Javascrip中每个函数都会有一个Arguments对象实例arguments,它引用着函数的实参,可以用数组下标的方式"[]"引用arguments的元素。arguments.length为函数实参个数,arguments.callee引用函数自身。

求和

function plus(){
    var sum = 0
    for(var i = 0;i<arguments.length;i++){
        sum += arguments[i]++
    }
    return sum
} 
console.log(plus(1,5))

输出:6


3 内置对象

  • includes()是否包含该元素,返回turn和false
var arr = [1,2,3]
//数组中含有元素2返回true
console.log(arr.includes(2))

输出:true

  • concat()连接作用
var arr = [1,2,3]
//两个数组连接在一起
console.log(arr.concat([4,5,6]))

  • indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置,不存在的字符返回-1
var arr = [1,2,3]
console.log(arr.indexOf(2))

输出:1

  • join()将数组变为字符串,默认用隔开
var arr = [1,2,3]
console.log(arr.join("--"))


目录
相关文章
|
2月前
|
前端开发 JavaScript API
JavaScript学习笔记(一)promise与async
JavaScript学习笔记(一)promise与async
|
3月前
|
存储 JavaScript
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
24 0
|
5月前
|
前端开发 JavaScript Python
javascript入门学习笔记打卡(2)
javascript入门学习笔记打卡(2)
22 0
|
7月前
|
JavaScript
JS 学习笔记一 (基础)
JS 学习笔记一 (基础)
39 0
|
7月前
|
JavaScript 前端开发
JS 学习笔记四(DOM) 悬停事件 获取节点
JS 学习笔记四(DOM) 悬停事件 获取节点
34 0
|
7月前
|
JavaScript
JS 学习笔记四(DOM)(节点)
JS 学习笔记四(DOM)(节点)
27 0
|
8月前
|
前端开发
前端学习笔记202305学习笔记第三十三天-js-使用const声明变量特点
前端学习笔记202305学习笔记第三十三天-js-使用const声明变量特点2
43 0
|
8月前
|
前端开发
前端学习笔记202305学习笔记第三十四天-js-引出闭包3
前端学习笔记202305学习笔记第三十四天-js-引出闭包3
58 0
|
8月前
|
前端开发
前端学习笔记202305学习笔记第三十四天-js-this绑定的优先级2
前端学习笔记202305学习笔记第三十四天-js-this绑定的优先级2
32 0
|
8月前
|
前端开发 JavaScript
前端学习笔记202306学习笔记第四十三天-在node版本中运行js之1
前端学习笔记202306学习笔记第四十三天-在node版本中运行js之1
40 0