javascript基础知识归纳

来源：互联网发布：photoshop7.0淘宝美工编辑：程序博客网时间：2024/06/01 08:51

注意：由于一直做后端，对js的基础比较薄弱，所以总结此类博客，加深知识的理解以及工作中的查找，本博文参考了廖雪峰javascript教程

嵌入方式

1，JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到<head>中2，第一种方法是把JavaScript代码放到一个单独的.js文件，然后在HTML中通过<script src="..."></script>引入这个文件：3，由<script>...</script>包含的代码就是JavaScript代码，它将直接被浏览器执行。

数据类型(严格区分大小写)

1,Number    JavaScript不区分整数和浮点数，统一用Number表示    例如:        16,16.8,1.46e5,-16,NaN,Infinity    可以进行四则运算，和数学运算一致    注意:NaN这个特殊的Number和其他的所有数值都不想等,        包括自己        判断是否是NaN  isNaN(var);     2，string    字符串是以单引号'或双引号"括起来的任意文本3,boolean    一个布尔值只有true、false两种值,可以直接用true、false表    示布尔值，也可以通过布尔运算计算出来4,null 和 undefined    null 表示一个空值        它和0以及空字符串''不同，0是一个数值，''表示长度为0的        字符串，而null表示“空”。    undefined 表示值未定义    注意:大多数情况下，我们都应该用null。undefined仅仅在判断        函数参数是否传递的情况下有用。5,array    var arr = [1, 2, 3.14, 'Hello'];常用    var arr = new Array(1, 2, 3.14, 'Hello');    arr[3];6,Object    JavaScript的对象是一组由键-值组成的无序集合    var person = {    name: 'NiuShao',    age: 25,    tags: ['js', 'web', 'mobile','php'],    city: 'guangzhou',    hasCar: true,    zipcode: null    };    person.name;    person.city;

变量

    1，用var声明的变量，局部变量    var a = "NiuShao";//变量声明后可以任意复制，只用var声    明一次    2，如果一个变量没有通过var申明就被使用，那么该变量就自动被    申明为全局变量：    3，注意:        在strict模式下运行的JavaScript代码，强制通过var申明        变量，未使用var申明变量就使用的，将导致运行错误。        "use strict"

字符串

1，字符串的表示

    1，JavaScript的字符串就是用''或""括起来的字符表示    2，多行字符串用反引号``表示

2，常见字符串操作

1，+                     //连接字符串2，stringName.length     //字符串长度3，stringName.[number]   //字符串指定字符4，toUpperCase()         //全部变大写5，toLowerCase()         //全部变小写6，indexOf()             //搜索指定字符串出现的位置7，substring()           //返回指定索引区间的子串

数组

1，数组基础

var arr = [1, 2, 3.14, 'Hello', null, true];arr.length//长度arr[num] = "abc";//给数字赋新的值,如果索引超过范围,会让arr的范围变大

2，数组函数

indexOf()       //搜索小标  arr.indexOf(10);slice（）     //截取数组部分元素push和pop        //push压入元素，pop删除最后元素unshift和shift   //unshift头部添加元素，shift删除头部元素sort            //排序reverse         //反转元素splice          //指定的索引开始删除若干元素，然后再从该位置添加若干元素concat          //连接元素join            //按照指定字符连接数组元素

对象

对象的表示

一种无序的集合数据类型，它由若干键值对组成JavaScript用一个{...}表示一个对象，键值对以xxx: xxx形式申明，用,隔开。注意，最后一个键值对不需要在末尾加,，如果加了，有的浏览器（如低版本的IE）将报错。访问不存在的属性不报错，而是返回undefined    var xiaoming = {        name: '小明'    };    xiaoming.age; // undefined添加或删除属性：    var xiaoming = {        name: '小明'    };    xiaoming.age; // undefined    xiaoming.age = 18; // 新增一个age属性    xiaoming.age; // 18    delete xiaoming.age; // 删除age属性    xiaoming.age; // undefined    delete xiaoming['name']; // 删除name属性    xiaoming.name; // undefined    delete xiaoming.school; 检查属性：    1，in //包涵继承    var xiaoming = {        name: '小明',        birth: 1990,        school: 'No.1 Middle School',        height: 1.70,        weight: 65,        score: null    };    'name' in xiaoming; // true    'grade' in xiaoming; // false    2，hasOwnProperty()  //不包含继承

条件判断

1，JavaScript使用if () { ... } else { ... }来进行条件判断2，JavaScript把null、undefined、0、NaN和空字符串''视为false，其他值一概视为true，因此上述代码条件判断的结果是true。

循环

JavaScript的循环

1,for

            var x = 0;            var i;            for (i=1; i<=10000; i++) {                x = x + i;            }    --------------------------------------------------            var arr = ['Apple', 'Google', 'Microsoft'];            var i, x;            for (i=0; i<arr.length; i++) {                x = arr[i];                alert(x);            }

2,for ... in

            var o = {                name: 'Jack',                age: 20,                city: 'Beijing'            };            for (var key in o) {                alert(key); // 'name', 'age', 'city'            }-------------------------------------------------------            var o = {                name: 'Jack',                age: 20,                city: 'Beijing'            };            for (var key in o) {                if (o.hasOwnProperty(key)) {                    alert(key); // 'name', 'age', 'city'                }            }-------------------------------------------------------            var a = ['A', 'B', 'C'];            for (var i in a) {                alert(i); // '0', '1', '2'                alert(a[i]); // 'A', 'B', 'C'            }

3,while

    循环只有一个判断条件，条件满足，就不断循环，条件不满足时则    退出循环            var x = 0;            var n = 99;            while (n > 0) {                x = x + n;                n = n - 2;            }

4,do ... while

    do { ... } while()循环，它和while循环的唯一区别在于，    不是在每次循环开始的时候判断条件，而是在每次循环完成的    时候判断条件            var n = 0;            do {                n = n + 1;            } while (n < 100);            n; // 100

阅读全文

0 0