• JS基础总结


    JS细化知识点总结

    1.     EcmaSctipt语法

          1.1语法简介:js代码不能直接写,需要用script标签来包裹

                          js是一种弱类型的脚本语言,即语法没有严格的要求和限制,任何类型的变量都是用var来声明,不同类型的变量可以用一个var来声明。

          

          1.2引用外部js文件

                  注意:如果script标签引用了外部js,那么就不要在script标签里面书写js脚本,因为里面的js脚本是不会执行的

          1.3 js的基本数据类型:

             1.number:包含整型,浮点型,NaN,Infinity

                   2. boolean:包含true,false两个值

                   3.undefined:表示已声明但未赋值的变量的类型

                4.string: 表示''或者""包裹的字符的集合

                   5.null:空值,如果一个变量值为null,它是空对象,null值本身的类型又是object

          

          1.4 js的基本类型转换:

             1.强制类型转换

                           3个转换函数

                             1)Number():把参数转换为数字,如果参数的某一部分不是数字,就转换失败,返回NaN

                             2)Boolean(value):把参数转换为boolean类型,

                              当value其值为 0、-0、null、""、false、undefined 或 NaN 时,

                              那么Boolean()转换成Boolean类型的值为 false。

                             3)String(value):把参数转换为字符串

     

                2.隐式类型转换

                             当两种不同数据类型的变量进行+连接的时候,浏览器的js引擎如何解释它?

                             浏览器的js引擎会隐式的调用强制转换函数,将其中的一个值转换为另一个值的类型

                             如果是String类型连接另一个类型,那么默认String类型优先,即另一个类会转换为String类型

                          

                   3.转换函数

                             parseInt():将参数转换为一个整数,只转换参数中的数字部分,非数字部分忽略,如果参数都不是数字那么返回NaN

                             parseFloat():将参数转换为一个浮点数,只转换参数中的数字部分

                             

         1.5弹出框:

                    1.alert()普通的弹出框,纯提示作用

                    2.prompt():弹出一个带有输入框的弹出框,可以让用户输入信息

                      参数1:对话框上的提示文本   参数2:输入框里的默认value

                      返回值是用户输入的值

                    3.cofirm():弹出一个带有确定和取消按钮的弹出框,用于提示用户是否要进行某个操作

                      返回值是true或false,如果用户点击了确定按钮,就返回true,否则返回false

                   

         1.6运算符:

    ===:全等于,比较的两个操作数的数据类型和值都相同时,才返回true,否则返回false

                      ==:等于,只 比较内容(值),不比较类型,只要内容相同,就返回true

                      ||:或,如果两个操作数都是boolean,, 如果第一个参数为true,则直接返回第一个数.

                       如果第一个参数为false,则直接返回第2个数;

                       如果两个操作数都不是boolean,此时js引擎会将第1个参数隐式转换为boolean类型返回true或false,

                       如果第1个数转换后结果是true,就直接返回第1个数;如果第1个数转换后是false,就返回第2个数

                      

         1.7 Switch选择结构:

             JS中的switch结构满足java中的switch语法

                   swtich(表达式){

                          case  常量(整数,字符串):

                             语句1

                             break;

                          case  常量(整数,字符串):

                             语句1

                             break;

                           default:

                             不满足以上条件就执行默认语句

                             break;

                   }

                   js中的switch结构和java不同的地方是:    支持在case后面接上一个表达式,语法:

                     switch(true){

                         case 表达式1:

                            语句1

                            break;

                         case 表达式2:

                            语句2

                            break;

                            ...

                     }

                     以上语法相当于多重if判断结构 if..elseif...elseif...else

        1.8 字符数:

    1.8.1 js中创建字符串的2种方式

                          1.用字面量创建,即'xxx'或"xxx"   var s1='hello';

                          2.用new String('xxx')创建

                         常用属性:length:获取字符串的长度   var s2=new String("world");

    1.8.2         subStr字符串截取:参数1是从哪里开始截取,参数2是截取的长度

    1.8.3         slice截取:参数1是从哪里开始截取,参数2是截取的结束位置(不包含结束位置)

    1.8.4         toLocaleUpperCase:将字符串全转换为大写字母

    1.8.5         toLocaleLowerCase:将字符串全转换为小写字母

    1.8.6         split:将字符串转换为数组

    1.8.7         字符串编码encodeURIComponent():会对网址路径中的中文字符及:,/进行编码,都转换为数字字母%的形式

    1.8.8         字符串解码decodeURIComponent():对已编码的字符串进行解码

    1.8.9         转义字符:在一对双引号后使用双引号,则里面的双引号必须写成对应的转义字符"

    1.9 数组:

        1.9.1 js的数组创建方式:

    1. 1.      使用字面量: [a,b,b],元素的类型可以随意写,可以是不同类型

    举例:var arr1=[1,"a",true,undefined];

                    2.使用构造函数new Array(a,b,c)创建数组

                    举例:var arr2=new Array("a",1,true);

              注意:js中的数组大写是可以被修改的,当索引越界后,数组会自动的变大,访问下标越界的元素,返回undefined

       1.9.2数组的方法

                          1.添加元素push():将1个或多个元素添加到数组的末尾,返回数组数组的新长度

                          2.添加元素unshift():将1个或多个元素添加到数组的开头,返回数组数组的新长度

                          3.删除元素pop():删除最后一个元素,返回被删除的元素的值

                          4.删除元素shift():删除第一个元素,返回被删除的元素的值

                          5.添加或删除元素splice(),参数如下:

                            start:【必须】整数,规定添加/删除项目的位置(包含),如果使用负数可从数组结尾处规定位置

                   deleteCount:【必须】要删除的项目数量。如果设置为 0,则不会删除项目。

                   items:【可选】向数组添加的新项目, 可以为一个元素也可以为多个元素。

                          6.join():将数组转换为字符串,和字符串的split()是相反的

    2.0 函数:

         函数:重复执行的代码块,相当于java中的方法

                  1.函数定义:function  函数名(参数1,参数2...参数n){

                                函数体

                                [return value];

                         }

                  与java的方法不同的地方:1.js的函数不需要指定返回类型,也不需要写形参的类型,只需要形参名字

                  2.调用函数时,实参的个数可以和形参不一致

                  函数调用:函数名(实参1,实参2..实参n)

            3. 匿名函数:没有名字的函数

                     函数表达式:把匿名函数赋给一个变量,此时变量就是函数表达式

                     可以函数表达式来调用匿名函数

                  4.arguments:它用在函数体内,是封装所有实参所构成的数组

            5. 局部变量:函数内用var声明的变量,在函数外不能访问

            6.全局变量:在函数外用var声明的变量,或者是函数内没有用var声明的变量都叫全局变量

            注意:所有的全局变量都是属于window对象,所有当窗口关闭时,全局变量才销毁,一般不需要用window.,js中的变量只有函数作用域(全局作用域或者局部作用域),没有块级作用域.

           

    2.1 定时器:

         2.1.1循环定时器:setInterval(),周期性执行指定的函数或js代码

                    参数1:要调用的函数或代码串

                    参数2:周期性执行的时间间隔,单位是毫秒,每隔多少毫秒就执行一次函数或代码

                   重复调用某个函数,2种调用语法:

                   语法1:setInterval(函数名, 时间间隔);只适合调用无参的函数

                   语法2:setInterval("函数名()", 时间间隔);可以调用无参函数或者有参的函数

         2.1.2 炸弹定时器:setTimeOut(),到达指定时间后执行指定的函数或js代码一次

                    参数1:要调用的函数或代码串

                    参数2:执行的时间间隔,单位是毫秒,每隔多少毫秒就执行一次函数或代码

                   调用某个函数一次,2种调用语法:

                   语法1:setTimeOut(函数名, 时间间隔);只适合调用无参的函数

                   语法2:setTimeOut("函数名()", 时间间隔);可以调用无参函数或者有参的函数

         2.1.3 清除定时器:有时候需要在某个时刻停止定时器的反复执行,如何结束?

                     1.给定时器函数加1个返回值,该返回值就是定时器的唯一标识

                     2.在需要结束定时器的时候,调用clearInterval(定时器的唯一标识)来结束循环定时器,

                     clearTimeOut()结束炸弹定时器

  • 相关阅读:
    Cocos2dx 3.0 过渡篇(二十五)死不了的贪食蛇(触摸版)
    IBinder对象在进程间传递的形式(一)
    【代码实现】PHP生成各种随机验证码
    win8 metro 调用摄像头拍摄照片并将照片保存在对应的位置
    薏米红豆粥功效及做法介绍
    应用程序无法正常启动0xc0150002 解决方式
    贪心算法
    Linux 进程通信之 ——信号和信号量总结
    关于 ioctl 的 FIONREAD 參数
    google域名邮箱申请 gmail域名邮箱申请(企业应用套件)指南
  • 原文地址:https://www.cnblogs.com/topshark/p/10269249.html
Copyright © 2020-2023  润新知