javascript入门笔记

参考资料

黑马程序员JavaScript全套教程
参考笔记
以下主要内容来自视频教程,个人认为参考笔记写的非常好,有一些更进阶的内容。

基础知识

包括浏览器执行js、js组成部分、js书写方式、js输入输出方式,图片是具体描述。
js是脚本语言,也就是编译一行执行一行,和python类似
js组成部分是语法、BOM、DOM。入门知识只讲语法
js主要是用内嵌的写法,就是代码写到两个script中间
js在调试的时候用console.log(),打开浏览器按下F12,点开console界面可以看到输出结果
给用户的输入是alert(‘’),给用户的输出是prompt(‘’)

javascript入门笔记_第1张图片

javascript入门笔记_第2张图片
javascript入门笔记_第3张图片
javascript入门笔记_第4张图片

变量和数据类型

变量声明只需要var这个关键字,不像其他语言需要用到不同的数据类型,它是根据右边的赋值自动分配数据类型的
注意声明变量的几种特殊情况,在使用时请注意声明赋值都要做

基本(值)类型
String: 任意字符串 单、双引号都可以
Number: 任意的数字 小数和整数都可以
boolean: true/false
undefined: undefined 声明未赋值
null: null -->使用typeof时返回object 给声明的变量赋值为空
下面两个是笔记里面的,我还没有了解
symbol (ECMAScript 2016新增)。 -->Symbol 是 基本数据类型 的一种,Symbol 对象是 Symbol原始值的封装 (en-US) 。
bigint, -->BigInt 是一种数字类型的数据,它可以表示任意精度格式的整数。

基本类型转换
to字符串 常用+号拼接
to 数字 常用函数parseInt 整型 parseFloat 浮点型
tto 布尔 除了空、否定,其他都是true

对象(引用)类型
Object: 任意对象
Function: 一种特别的对象(可以执行) --内部包含可运行的代码
函数声明只需要function 函数名(){}就行
当不确定参数个数的时候,用arguments
函数声明还有匿名函数的形式,在对象中常用到

Array: 一种特别的对象(key为数值下标属性, 内部数据是有序的)
数组中的元素可以是任意类型的,访问数组中未赋值的元素是undifine
用下标访问数组,数组名.length可以表示数组长度,arr作为对象,length是属性

<script>
	#小数和整数都可以,任意数字
	var num1=3 ;
	var num2=3.14;
	isNaN(num1) 这个函数判断是否是数字
	#字符串型用单引号和双引号都可以,注意如果同时出现
	#要么外单内双,要么外单内双
	#也有转义符
	var pink='你真"棒"';
	#字符串和任何类型用+拼接,都会变成字符串
	var str='12'+12; #1212

	var arr=[1,'2']; #字面量创建
	var arr1=new Array(); #用构造函数创建
</script>

javascript入门笔记_第5张图片

javascript入门笔记_第6张图片

javascript入门笔记_第7张图片
javascript入门笔记_第8张图片
javascript入门笔记_第9张图片
javascript入门笔记_第10张图片
javascript入门笔记_第11张图片
javascript入门笔记_第12张图片

javascript入门笔记_第13张图片
javascript入门笔记_第14张图片
javascript入门笔记_第15张图片
javascript入门笔记_第16张图片
javascript入门笔记_第17张图片
javascript入门笔记_第18张图片
javascript入门笔记_第19张图片

作用域和预解析

作用域链 就是找最近的
预解析,面试可能会问,看视频会更清晰P141
javascript入门笔记_第20张图片
javascript入门笔记_第21张图片

对象

这里的对象和其他语言的对象类似
但是js没有类的概念,使用构造函数来构造一个对象
创建对象,字面量var obj={} 或者var obj=new 构造函数(),首字母大写
for in 用来遍历对象

javascript入门笔记_第22张图片
javascript入门笔记_第23张图片
javascript入门笔记_第24张图片
javascript入门笔记_第25张图片
javascript入门笔记_第26张图片
javascript入门笔记_第27张图片

javascript入门笔记_第28张图片

内置对象和查询MDN文档

查询的时候,发现形参中有[]表示,里面的参数可有可无
Math对象是个内置对象,不是函数对象,就是说不是构造器,不需要new,可以直接使用
比如Math.max()
Date对象只能通过构造函数去实例化对象,不能用字面量

javascript入门笔记_第29张图片
javascript入门笔记_第30张图片

你可能感兴趣的:(语言学习笔记,javascript,前端,开发语言)