JavaScript学习（一）

JavaScript学习（一）

什么是JavaScript

JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

语言组成

• ECMAScript，描述了该语言的语法和基本对象。
• 文档对象模型（DOM），描述处理网页内容的方法和接口。
• 浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

JavaScript能做什么

• JavaScript 能够改变 HTML 内容
• JavaScript 能够改变 HTML 属性
• JavaScript 能够改变 HTML 样式 (CSS)
• JavaScript 能够隐藏 /显示HTML 元素

JavaScript 基础

JavaScript 使用

在 HTML 中，JavaScript 代码必须位于 标签之间。

变量

静态类型：用于存放指定类型的值。
弱类型/动态类型：允许在任意时刻存放任意类型的值。

创建JavaScript变量

在 JavaScript 中创建变量被称为“声明”变量。
通过 var 关键词来声明 JavaScript 变量：
声明之后它的值为underfined
在定义过程中省略var创建的为全局变量 （不推荐）

var name;
var age=18,sex='男',birth;

JavaScript的标识符

所有 JavaScript 变量必须以唯一的名称的标识。
这些唯一的名称称为标识符。
构造变量名称（唯一标识符）的通用规则是：

• 名称可包含字母、数字、下划线和美元符号
• 名称也可以 以字母，$ 和 _ 开头
• 名称对大小写敏感（y 和 Y 是不同的变量）
• 保留字无法用作变量名称：

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

变量提升

JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。
JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。
实例:
书写代码如下：

		var num = 10;
        fun();

        function fun() {
            console.log(num);
            var num = 20;
        }

实际执行：

		var num;
        function fun() {
        	var num;
            console.log(num);
            num = 20;
        }
        num = 10;
        fun();

所以结果为underfined

数据类型

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。
引用数据类型：对象(Object)、数组(Array)、函数(Function)。
注：Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。

强制类型转换

转换为字符型
方法一：toString()

var num=18;
var str= num.toString();

方法二：String（变量）

var arr=String（num）;

方法三：利用拼接字符串的方法实现转换效果（隐式转换）

console.log(num+‘’);

转换为数字型
方法一：parselnt(变量) 注：无四舍五入

console.log(parselnt(‘3.14’)); //3
console.log(parselnt(‘12px’)); //12
console.log(parselnt(‘sfa12px’)); //NaN

方法二：parsefloat（常量）
转换为浮点数
方法三：Number（变量）

console.log(Number（'123'）);

方法四利用算数运算 （隐式转换）

console.log('123'-0);
console.log('123'*1);

转为布尔型
Boolean’
0，-0，null，false，NaN，undefined 为false其余都为true

判断语句

1.if
2.switch
类似c语言

循环语句

1.for循环
2.while循环
3.do while循环

对象

对象也是变量。但是对象包含很多值。
对象属性
JavaScript 对象中的名称:值对被称为属
对象方法
对象也可以有方法。
方法是在对象上执行的动作。
方法以函数定义被存储在属性中。

数组

创建数组

方法一：

var arr=new Array();
arr[0]='aa';
arr[1]='bb';

方法二：

var arr=new Array('aa','bb','cc');

方法三：

var arr=['aa','bb','cc'];

数组方法

• join()
• push()和pop()
• shift() 和 unshift()
• sort()
• reverse()
• concat()
• slice()
• splice()

函数

函数的简介

函数实际上是对象， 每个函数都是Function类型的实例， 而Function也有属性和方法。因为函数是对象， 所以函数名就是指向函数对象的指针

定义方式

1.函数声明

function 函数名(参数) {
 ......
}

2.函数表达式定义

const sum=function (参数){
.......
}

3.Function类型定义

const sum =new Function('a1','a2','return a1+a2')
console.log(sum(1,3));

arguments

1.参数个数自由
2.类数组
3.每个函数都内置好

JavaScript-警告（alert 消息对话框）

JavaScript-确认（confirm 消息对话框）

JavaScript-提问（prompt 消息对话框）