JavaScript

前言：
现在开始迈入了JavaScript的大门，非常憧憬能通过自己一点一滴的努力掌握越来越多的知识，今天开始记录自己每一天的js学习历程，希望最后能拥有一个不错的结果。如果哪位大神发现了笔记的不足之处，也恳请能够批评指正，非常感谢！

javascript历史

• 创建人：布兰登·艾奇（Brenda eich）
• 创建时间：1995年
• 网景公司（Netscape）与 sun公司合作，最初运行在navigator浏览器上
• 初期它叫 Livescript
• 1997年将Javascript1.1作为蓝本提交给欧洲计算机制造商协会（ECMA)

javascript 的三部分

1. ECMAscript（js核心语法部分）
2. DOM（文档对象模型）document object model
3. BOM (浏览器对象模型) browser object model

js引入方式

1. 行内嵌入 （不推荐，不方便修改）
   例如：
   <button onclick="javascript:alert('弹窗')>按钮</button>

2. js内部代码 （练习时可以使用）
   例如：

<script type="text/js">
console.log('这是js内部代码')
</script>

3. js外部文件 （实际工作时使用）
   例如：

<script type="text/js" src="文件地址"></script>

js注释

• 单行注释 //
  // 注释内容
• 多行注释 /* */

/*
注释的内容
*/

js变量

• 声明变量
  var a;
• 变量赋值
  a = 10;
• 声明方法
  function func(){ // 执行代码 }

声明提升

var 具有声明提升的功能，能提升到所有代码的最前面

命名注意事项

• 不可以使用关键字或保留字命名,不能超过255个字符
• 不能使用纯数字命名
• 变量以字母,$,_ 为开头
• 命名尽量语义化
• 驼峰命名
• 以数据类型为开头 如：（字符串型）sText （数字型）nPrice （对象）oHeader
• 区分大小写

js保留字有：

abstract  else	instanceof	super
boolean	enum	int	switch
break	export	interface	synchronized
byte	extends	let	this
case	false	long	throw
catch	final	native	throws
char	finally	new	transient
class	float	null	true
const	for	package	try
continue	function	private	typeof
debugger	goto	protected	var
default	if	public	void
delete	implements	return	volatile
do	import	short	while
double	in	static	with

常量

在声明时就要赋值，后面不可以改变
例如：
const a = 100 ;

js的输出方式

1. 文档输出

• document.write('内容')

• document.innerText('这是文本输出')

• document.innerHTML('<p>它可以文本输出，也可以在其中添加html标签</p>')

2. 控制台输出

• console.log('控制台输出日志')
• console.warn('警告','这是控制台输出的警告')
• console.error('错误')
• console.info('控制台输出的信息')

3. 窗口输出

• window.alert('警告框')
• window.confirm('确认框')
• window.prompt('提示框')

js入口函数

作用是：当文档（包括图片音频视频）加载完成后执行

window.onload = function(){
    // 执行代码
    // 慎用document.write() 可能会覆盖原有内容
}

JavaScript的数据类型

有两种分类方法：
1.

• 基本数据类型

  • number 数字型
  • string 字符串型
  • Boolean 布尔值
  • undefined 未定义
  • null 空

• 混合数据类型

  • object 对象

• 值类型

  • number 数字型
  • string 字符串型
  • Boolean 布尔值
  • undefined 未定义
  • null 空
  • symbol es6新增 原始数据类型，代表独一无二的值

• 引用数据类型

  • Object 对象
  • Array 数组（它也属于对象）
  • function 函数

数据类型的判断

• 操作符typeof

使用方法：

var a = 10 ;
console.log(typeof(a));  // 方法一
console.log(typeof a)   // 方法二

• 操作符 instanceof

它是用于判断引用数据类型的
使用方法：

var arr = [1,2,3];
var obj = {
    name : '对象',
    age : 18
};
console.log(arr instanceof Array); // true
console.log(obj instanceof Array)  // false

javaScript 数据类型转换

• 强制转换

  • Number(变量)
    转换为数字类型，如果变量非数字，则返回NaN
  • String(变量)
    转换为字符串型
  • Boolean(变量)
    转换为布尔值;除去0，‘’,“”,null,undefined,NaN返回false,其余返回true

• 隐式转换
  通过运算符，如 * 、 /

总结

好了今天就到这儿吧，今天暂时没有什么难点，但是需要花时间去记忆，时间是个好东西，好好地去利用吧！
天空没有鸟的痕迹但我已飞过！