js入门基础

学习方法引导

• 相对于其他编程语言，JavaScript最简单，最容易入门。
• 学习js 要具备良好的编程习惯、大胆去写，遇到错误积极解决。
• 多记多练相信大家都会学好这门简单的语言的。

什么是js？

• js（JavaScript）：也就是ECMAScript；弱类型脚本语言，用来做WEB页面的交互。
• JavaScript 与Java没有任何关系。前面加了Java单纯为了蹭Java的热度~~

js的历史背景（了解）

JavaScript诞生于1995年。起初它的主要目的是处理以前由服务器端负责的一些表单验证。

当时就职于Netscape公司的布兰登·艾奇开始着手计划将1995年2月发布的LiveScript同时在浏览器和服务器中使用。

Netscape为了搭上媒体热炒Java的顺风车，临时把LiveScript改名为JavaScript。

1997年，以JavaScript1.1为蓝本的建议被提交给了欧洲计算机制造商协会（ECMA）。

经过数月的努力完成了ECMA-262——定义了一种名为ECMAScript的新脚本语言的标准。

js跨平台：在任何平台上都能运行叫跨平台

下面就正式进入js的学习↓↓↓

js的组成

1. ECMAscript 核心规范
2. BOM 浏览器对象类型
3. DOM 文档对象类型

js代码放置位置

1. 引用外部js文件

<script type="text/javascript" src="outer.js"></script>

2. 内部script标签（建议放在head内，放在body内也没错，放在body外会自动解析到head中）

<title></title>
<!--推荐使用-->
<script type="text/javascript">
    //script代码
    var a = 0 ;
</script>
</head>

3. 直接在标签后内联（不推荐使用，了解此方法）

<div onclick="javascript:alert('tip')"></div>
//点击div 弹出tip

扩展：清除a标签的默认事件：（跳转刷新页面）

 <a href = “JavaScript：；”>

js的注释

• 作用：解释代码的作用，不会对程序有任何影响，一般用于给自己或其他程序员阅读代码时给予帮助快速理解或回忆。

1. 单行注释 :

  // 这是单行注释

2. 多行注释 :

 /*  
	 这是多行注释
	 注释
  */

js的输出语句

• alert(); 弹出框

• console.log("") ; 在浏览器后台打印信息

• document.write(""); 在浏览器窗口打印信息

• 拓展：
  - console.warn() 警告输出
  - console.error() 报错输出
  - prompt()
  - confirm()

js的变量（重点）

变量：

• 就是在程序运行的过程中，其值有可能会发生改变的量。
• 变量 —》 存储一些数据、方便对数据进行操作。
• 注：变量一定要先定义再使用。

声明变量（定义变量）

1. 关键字 var

//当变量声明之后没有赋值。undefined
//var a = 10;     //  = 把右侧的值赋给左侧的变量；
 var a = 10;     局部变量  
 	a = 10  全局变量
 	
 	var a;//表示声明一个变量
	a=10;//表示初始化一个变量
	
	var b=10;//表示声明并初始化变量，一般都是声明并初始化一步完成。
	var x,y,z; //声明多个变量

变量命名规则

1. 不能使用关键字和保留字
2. 数字、字母、下划线、$ 组成（不建议用中文）
3. 标识符不能用数字开头

js书写规范

• 每行代码后都要加分号
• 代码在英文状态下输入
• js代码区分大小写

js命名规范

• 驼峰式命名法：
  - 小驼峰 qianFengJiaoYu （lastIndexOf()） backgroundColor fontSize。。
  - 大驼峰 QianFengJiaoYu
• 匈牙利命名法：
  - iNum 命名一个整数类型的变量
  - lNum 命名一个小数类型的变量
  - cChar 命名一个字符类型的变量
  - sStr 命名一个字符串类型的变量 （str）

JavaScript的数据类型（7种）

• 基本数据类型：number string undefined null boolean

• 引用数据类型：Object

检测数据类型的方法 typeof

typeof

• typeof(表达式)和typeof 变量名，第一种是对表达式做运算，第二种是对变量做运算。

	console.log(typeof a);    //'undefined'
	
	console.log(typeof(true));  //'boolean'
	
	console.log(typeof '123');  //'string'
	
	console.log(typeof 123);   //'number'
	
	console.log(typeof NaN);   //'number'
	
	console.log(typeof null);  //'object'    
	
	var obj = new String();
	
	console.log(typeof(obj));    //'object'
	
	var  fn = function(){};
	
	console.log(typeof(fn));  //'function'
	
	console.log(typeof(class c{}));  //'function'

typeof的返回值有哪些？

 number     boolean   string   object  undefined   function
 
 typeof typeof 数据  --->　string