JS概述

一。1.什么是JS

JS是一门基于对象和事件驱动的脚本语言

专门为网页交互而设计

主要应用在客户端(浏览器)

2.JS特点和优势

解释执行,不需要编译,直接执行源代码

基于对象

弱类型

交互性

安全性

跨平台性

3.如何在html中引入JS

3.1通过script标签内部书写JS

<script>

  function fn1(){
    ...

  }

  fn1();

</script>

3.2通过script标签引入JS文件

<script src="..."></script>

二。1.JS语法

1.1数据类型

  数值类型(number)

    底层全都是浮点型

    自动的和整型进行转换

    NaN(非数字)  isNaN();

  字符类型(string)

    基本数据类型

    可以用单引号或单引号

  布尔类型(Boolean)

  undefinded

    声明了变量但没有赋值

  null

    表示空值

1.2复杂数据类型

数组、函数、对象

2.变量和运算符

通过 var声明变量

变量本身不区分类型,所以JS是一门弱类型的语言

JS中的运算符和Java中的运算符大致相同

===,

typeof  返回变量的类型

3.语句

if...else..

循环

  while for

switch

4.数组

var arr1 = new Array();

var arr2 = new Array(....);

var arr3 = [];

var arr4 = [...];

属性:length

方法:

  pop();  数组中移除最后一个元素,并返回该元素

  push();  s数组最后一位增加一个袁术。返回新数组长度

  shift();  移除第一个元素

  unshift()  新增一个元素

  reverse();  翻转数组中的元素

  sort();  对数组中的元素排序

5.函数

  5.1:

  function 函数名([参数列表]){

    函数体

  }

  函数名([参数列表]);

  5.2:

  var 变量名/函数名 = function([参数列表]){

    函数体;

  }

  函数名称([参数列表]);

6.对象

6.1自定义对象

  function Person(){}

  var p1 = new Person();

  p1.name = "G";

  p1.age = 18;

  var p2 = new Person();

  function Person(name,age){

    this.name = name;

    this.age = age;

    this.run = function(){

      alert(this.name+this.age};

    }

  }

  var p3 = {

    "name":"zhang",

    "age":18,

    "run":function(){}

  }

6.2内置对象

String 对象

RegExg对象

Date对象

Math对象

Global对象

    

  

  

  

猜你喜欢

转载自www.cnblogs.com/gxlaqj/p/11376328.html