JavaScript

js基础

为何学习 JavaScript？

JavaScript 是 web 开发者必学的三种语言之一：

HTML 定义网页的内容
CSS 规定网页的布局
JavaScript 对网页行为进行编程

您知道吗？
JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。

JavaScript 简介

JavaScript是什么
布兰登艾奇(Brendan Eich, 1961年~) 。神奇的大哥用10天完成JavaScript设计。最初命名为JavaScript.

• JavaScript是世界上最流行的语言之一， 是一种运行在客户端的脚本语言(Script 是脚本的意思)
• 脚本语言:不需要编译，运行过程中由js解释器( js引擎)逐行来进行解释并执行
• 现在也可以基于Node.,js 技术进行服务器端编程

JavaScript的作用

1.表单动态校验
2.网页特效
3.服务端开发（Node.js）
4.桌面程序（Electron）
5.APP（Cordova）
6.游戏开发
7.3D场景展示

html/css/js的关系

HTML/CSS标记语言–描述类语言

• html决定网页结构和内容，相当于人的身体
• css决定网页呈献给用户的模样，相当于人化的妆

js脚本语言–编程类语言

• 实现业务逻辑和页面控制，相当于人的各种动作

浏览器执行js简介

浏览器分为渲染引擎和js引擎

1.渲染引擎:
用来解析HTML与CSS,俗称内核，比如chrome浏览器的blink,老版本的webkit
2.JS引擎:
也称为JS解释器。用来读取网页中的JavaScript代码， 对其处理后运
行，比如chrome浏览器的V8
浏览器本身并不会执行JS代码，而是通过内置 JavaScript 引擎(解释器)来执行JS代码。JS引擎执行代码时逐行解释每-句源码(转换为机器语言)，然后由计算机去执行，所以JavaScript 语言归为脚本语言，会逐行解释执行。

JavaScript变量

var str：声明变量
如果值为数字类型不需要引号引起来，如果不是纯数字则使用引号引起来。
声明一个你喜欢的人 var name="马天宇"

数据类型

1.数字类型（number）

整数、小数（浮点型）、正数

var age=20;

2.字符串类型（String）

凡是用引号引起来的

var hobby="看书"

3.布尔型（Boolean）

表示真和假

var isFriend=true;//表示是朋友
var isFriend=false;//表示不是朋友

4.undefined

如果声明了一个变量，但没有赋值

var aa

创建数组

JS中创建数组有两种方式:

●利用new创建数组

var 数组名= new Array() ;
var arr = new Array(); // 创建一个新的空数组

注意Array(), A要大写

●利用数组字面量创建数组

1.使用数组字面量方式创建空的数组

var 数组名= [];

2.使用数组字面量方式创建带初始值的数组

var 数组名= ['小白'，'小黑’，'大黄'，'瑞奇'];

。数组的字面量是方括号[]
。声明数组并赋值称为数组的初始化
。这种字面量方式也是我们以后最多使用的方式

●数组元素的类型

数组中可以存放任意类型的数据，例如字符串，数字，布尔值等。

var arr = ['小白' ,12,true,28.9];

获取数组中的元素

索引(下标):用来访问数组元素的序号(数组下标从0开始)。

var arr = ['小白', '小黑', '大黄', '瑞奇'];
索引号:      0        1       2      3

数组可以通过索引来访问、设置、修改对应的数组元素,可以通过数组名[索引”的形式来获取数组中的元素。

遍历数组

含义：

把数组中的每个元素从头到尾都访问一次(类似学生的点名)，可以通过for循环索引遍历数
组中的每一项

举例

var arr=["小红","小明","小张","小雅"];
for(var i=0;i<arr.length;i++){
   document.write(arr[i]);
}

数组中新增元素

数组中可以通过以下方式在数组的末尾插入新元素:

数组[数组.1ength ] =新数据;

var arr=["李四","王五","赵奇"];
arr[arr.length]="张三";

函数

声明函数

function函数名() {
//函数体代码
}

调用函数

函数名(); // 通过调用函数名来执行函数体代码

函数不调用不执行

例子:封装计算1-100累加和

function getSum(){
  var sum = 0;//准备一个变量，保存数字和
  for(vari=1;i<=100;i++){
     sum += i;// 把每个数值都累加到变量中
   }
  alert (sum) ;
}
//调用函数
getSum();

//带参数的函数声明
function函数名(形参1，形参2，形参3...) { //可以定义任意多的参数，用逗号分隔
//函数体
}

//带参数的函数调用
函数名(实参1，实参2，实参3...);

函数的返回值

return语句

返回值:函数调用整体代表的数据;函数执行完成后可以通过return语句将指定数据返回。

function函数名() {
return
需要返回的值:
}
// 调用函数
函数名();
//此时调用函数就可以得到函数体内return后面的值

例子：定一个函数求最小值

function han1(){
          var arr=[6,8,4,9],min=arr[0];
          for(var i=0;i<arr.length;i++){
                if(min>arr[i]){
                    min=arr[i];
                }
            }
          return min;
        }
        document.write(han1());