【4858美高梅】js随堂初体验,从零基础入门JavaScript

By admin in 4858美高梅 on 2019年3月27日

Js初体验(-)

前端基本功—js 第三天

JavaScript学习笔记,如有错误,欢迎指正。

从零基础入门JavaScript(1)

【4858美高梅】js随堂初体验,从零基础入门JavaScript。1 js的基础知识

[if !supportLists]1.1[endif]课程介绍

笔记只记录了一些村办觉得要求牢记的知识点,别的的能够参见文末的小说。

 

 

前6天js的根底语法(变量,表达式,运算符,分支语句,数组,函数,对象)


1.1  Javascript的简史

1993年的时候
  由网景集团开发的,当时的名字叫livescript    为了拓宽自个儿的livescript,搭了java顺风车,改名为javascript

与此同时,     微软之所以在本身的浏览器里,也推出了温馨的脚本语言

jscript   

一九九八年时候,  由ECMA(亚洲总计机创制商组织)出面,推出了一套javascript的科班,Ecmascript ,规范提议js由三有的组成

JS的组成:

    ECMAScript         基础语法

    DOM    文书档案对象模型

    BOM 浏览器对象模型

2002从前,网页界面上的弹窗广告大致都以由js做的,被人誉为血崩

2001年的时候,JS的天数发生变更   ajax(Google商厦)

2005的时候
 苹果公司生产的手提式有线电话机,能够用来上网

二零零六的时候  H5的产出    canvas  又推高了js的地位

二〇一一年的时候, node.js   将js那种语言伸向后服务器端

A web三大标准:1 html:结构正式    2 css:表现专业  3
javascript:行为正式

后7天DOMAPI

1.JavaScript的组成

    JavaScript由三部分组成:

   
    1.核心(ECMAScript):规定了js的语法,类型,语句,关键字,保留字,操作符,对象 
 等等

        2.文书档案对象模型(DOM):JavaScript操作网页元夕素的API。

       3.浏览器对象模型(BOM):JavaScript操作浏览器部分机能的API。

1.2  JS语言的表征

JavaScript是社会风气上用的最多的脚本语言

脚本语言:不须要编写翻译,直接运营时边解析边实践的言语

JavaScript是一种客户端(本地PC的浏览器)的脚本语言

JavaScript是一种弱类型的动态语言(当JS被引擎解析执行的时候,才会最后的规定变量的数据类型是怎么;动态增加一些性子或是艺术)

弱类型:对于数据类型的渴求不严酷,JS中的全部变量注脚只有八个重中之重字正是var     var    a = 123;

后台语言对于数据类型须求一定严峻:string   bool  int  char  double

依据对象:内置多量现成对象,编写少量主次能够做到目的

 

编写翻译: 一般后台语言都是编译执行的
,将编辑好的代码的二回性的编写翻译成可执行文件,例如.exe文件,

 

小结:

  1. 粗略易用

       能够行使其余文本编辑工具编写   记事本,其余编辑器

       只须求浏览器就足以推行顺序

  1. 释疑实施

       事先不编写翻译

       逐行执行

       无需实行严加的变量证明

  1. 据说对象

         内置大量现成对象,编写少量主次可以实现目的

 

 

后5天js高级

2.JavaScript的数据类型

    JavaScript的数据类型分为:简言之数据类型值类型 
复杂数据类型引用类型

    (在 ECMAScript 中,变量能够存在两种档次的值,即原始值和引用值。)

 
  一句话来说数据类型:字符串(string),布尔(boolean),数字(number),undefined,null

    复杂数据类型:对象(Object)

    值类型
:
 存储在栈(stack)中的简单数据段,也正是说,它们的值直接存款和储蓄在变量访问的位置。

4858美高梅 1

值类型传值

     值类型赋值:直接将积存的数量赋值一份实行赋值,两份数据在内部存款和储蓄器是截然独立的;

引用类型
存储在堆(heap)中的对象,也正是说,存款和储蓄在变量处的值是二个指针(point),指向储存对象的内部存储器处。常用引用类型:对象函数数组

4858美高梅 2

引用类型传址

   
引用类型赋值:引用类型赋值的时候,是将变量中贮存的地方赋值一份单独存款和储蓄,不过四个变量共享同多个目的,修改在这之中1个指标,其余三个引用的时候,也会访问到修改后的对
象;

    总计 : 值类型传递值,引用类型传递地址。

    注意事项:(1)NaN 非数值 (Not a
number的缩写),不过NaN是Number类型的 ;

                      (2)undefined  和别的值总括都以 NaN ;

                      (3)NaN与任何值都不等于,包罗 NaN 自个儿 ;

                      (4)Boolean类型有多少个字面量:true 和 false。

                      (5)null == undefined ;     // true

                                null === undefined ;  // false

                      (6)任何数据类型都足以变换到boolean类型:false、0
、“
”、undefined、null为false;除数字0以外的数字,字符串,Object(任何对象)为true;

1.3 浏览器的行事规律

 

浏览器工作规律地址:

 

壹 、User Interface  用户界面,大家所寓指标浏览器

贰 、Browser engine  浏览器引擎,用来询问和操作渲染引擎

③ 、Rendering
engine用来展现请求的内容,负责解析HTML、CSS

肆 、Networking   互连网,负责发送互联网请求

五 、JavaScript Interpreter(解析者)   JavaScript解析器,负责履行JavaScript的代码

陆 、UI Backend   UI后端,用来绘制类似组合框和弹出窗口

七 、Data Persistence(持久化)  数据持久化,数据存款和储蓄  cookie,HTML5中的sessionStorage

 

B js三种挥洒情势:1 行内js:onclick = “alert=(‘AAAAA’)”

jQuery基本使用及小项目

3.JavaScript中的操作符

   
操作符种类:算术运算符逻辑运算符提到操作符(相比较运算符),赋值运算符

    算术运算符:①一元运算符:正号,负号,++,–等只可以操作八个值得运算符

                         
②二元运算符:+,-,*,/,%等八个变量才能运算的运算符

                          ③安慕希运算符:值1?值2:值3;长富表达式

    逻辑运算符:①逻辑非  !

                            重临1个布尔值

                          ②逻辑或  ||

                            ||
链接七个boolean类型,有二个是true结果正是true。

                            ||
链接八个非boolean类型,转换到布尔类型总结,结果本人不变。

                            例如: 1 || 2 = 1; 0 || 1 = 1

                            都是true 取前面,都是false取后面

                          ③逻辑且  &&

                            &&
链接七个boolean类型,有三个是false结果正是false。

                            &&
链接多少个非boolean类型,转换来布尔类型总结,结果自身不变。

                            例如: 1 && 2 = 2; 0 && null = 0;

                            都是true 取后面,都是false取前面

    关系操作符(比较运算符):(<、>、==、>=…)

                             =====
区别:==判断的是两边的值是不是等于,而===判断的是两边的值
和体系是不是等于

     赋值运算符:(=、+=、-=、*=、/=、%=)

    运算符优先级

4858美高梅 3

优先级

1.4  JS的书写地方

js代码写在一对script标签内,Type能够简简单单。

那对script标签能够置身很多岗位,比如head标签内,body标签内,甚至在body标签与html标签之间。然则如有页面中有html代码,尽量将js代码写在那么些标签之后。

输出的五句话:

alert(“那是浏览器弹出来的2个警告框”);

Console.log(“那是在支配台出口的一句话”);

Prompt(“记录用户输入音讯”);

Document.write(“向文书档案页面中输出内容”);

Confrim(“写入新闻”);

 

                              2
内嵌js:在html页面中经过一对script标签,js代码写在script标签中

[if !supportLists]1.2[endif]浏览的牵线

4.JavaScript中的条件语句和循环语句

    条件语句:① if 语句switch语句

       if语句

4858美高梅 4

形式一

4858美高梅 5

形式二

4858美高梅 6

形式三

1.5  变量

 变量是用来帮衬大家往总计机中储存数据的。

                              3
外联js:在script标签中用src属性来引入外部的js文件,可是在那堆script标签中不可能写js代码,他的职能只是只是引入外联的js代码

五大浏览器:谷歌(Google)火狐IE欧朋safari

        switch语句

4858美高梅 7

switch语句

循环语句:① for 语句 ② while语句do…while语句 ④for…in
语句

1.5.1 变量的命名

变量的命名一定要有含义,一看变量名就精通是什么看头

 

境内的浏览器:360,百度,搜狗,猎豹,遨游

        for语句

4858美高梅 8

for语句

1.5.2 取名规则:

变量名必须以字母或下划线“_”或$开头

变量能够包含字母(从A至Z的分寸字母),数字,下划线或是$

JavaScript严谨不一样轻重缓急写,computer和Computer是四个完全两样的变量

建议:

变量的名目要有含义

变量的命名遵循驼峰命名法,首字母小写,第三个单词的首字母大写

例如:userName   userPwd
  hightSchool

禁绝利用javascript的保留字和要紧字作为变量名(见上面包车型客车保留首要字图)

 

 

C js初接触的简约五句话:1 alert(“”)  弹出3个警示框

[if !supportLists]1.3[endif]浏览器的运作规律

        while语句

4858美高梅 9

while语句

1.6  直接量

即便能够一贯拿过来使用的数据值

                                           2 console.log(“”)
在浏览器console面板展现内容(多用来检查也许找bug)

        do…while语句

               
do…while语句是一种后测试循环语句,即唯有循环体内的代码执行后,才测试出口 
            条件,所以循环体内的代码至少会实施1遍。

4858美高梅 10

do…while语句

1.7  +运算符

在变量和直接量(字符串)之间或五个字符串之间,用+起连年的职能

倘假若八个数字之间用+的话,正是起加法运算中的加法运算

                                           3 document.write(“” )
在页面中呈现内容,在js中一经是用双引号只怕是单引号引起来的情节都以字符串

壹 、User Interface用户界面,大家所看到的浏览器

    for …in语句

                for… in语句是一种精准的迭代语句,用于枚举对象的性情。

4858美高梅 11

for…in 语句

1.8  变量的双重赋值

var age = 18; //
在内部存款和储蓄器中开发一块空间,空间名是age,然后将18以此数目存到那块内存空间当中,
    age = 81; //
将81那几个数额存到age那块内部存款和储蓄器空间个中,原来的值就覆盖掉了,不存在了,只存有现有的值81
age = 200;
console.log(age);

 

 

                                           4 prompt(“”) 
弹出三个文本框,提示用户输入消息

二 、Browser engine浏览器引擎,用来询问和操作渲染引擎

    break 和 continue

                break 和
continue语句用于循环中规范的控制代码的推行。break语句会即刻退出循环,强制继续执行循环前面包车型地铁说话,即循环终止,不再执行该循环中的任何程序。而continue语句纵然也是立即退出循环,不过退出循环后会从循环的顶部继续执行,即
continue是暂停此次巡回进而执行下三次巡回


参考:JavaScript教程 –
廖雪峰的官方网站

  JavaScript高级程序设计

  JavaScript权威指南     等其余资料

笔记一甘休,下一笔记将学习 函数

1.9 Typeof 关键字用来检查和测试变量的数据类型

 string      这几个就这几个   

 Number     阿拉伯数字,不管正负,整浮,都以number

 

 

                                           5 confirm(“”)  弹出三个增选框

③ 、Rendering engine用来显示请求的内容,负责解析HTML、CSS

1.10 算术运算符

一元运算符:++   —

依据操作数来说,一元运算符,就是只需求1个操作数的运算符,二元,是亟需三个操作数。

前加后加也许前减或是后减的区分:

后加加,出席运算的时候,先用本人的原值出席运算,之后再将自个儿的值加1,而前加加,是先将本身的值加1,而后拿着现行反革命加1后的值,再加入运算。

减减同理。

 二元运算符: +    –    *     /
    %

 

肆 、Networking互联网,负责发送网络请求

1.11  转义符

\+三个例外的字符,组成有三个有意义的也许其它作用的三个字符

\”

\t    制表符有四个字符的空格

\b      backspace的缩写
 往前去除四个

\n      换行

D js的变量:

五 、JavaScript Interpreter(解析者)
  JavaScript解析器,负责实施JavaScript的代码

1.12  复合赋值运算符

将=(赋值运算符)和算术运算符进行了三个合著

 // 复合赋值运算符
    var a = 100;
//    a = a+5;
    a+=5;  //  a = a+5;
    console.log(a);

    b+=200;// b = b +200;
    c *= 30; // c = c*30;

d /=50;   d = d/50;

e %= 20;  e = e%20;

1直接变量:直接拿过来使用的数据值,  直接量有:字符串,数字

⑥ 、UI Backend   UI后端,用来绘制类似组合框和弹出窗口

1.13  关系运算符  

涉及运算符是用来讲述事物两者之间的关联,

>  <  >=  <=  ==   !=   ===   !==

 

七 、Data
Persistence(持久化)数据持久化,数据存款和储蓄cookie,HTML5中的sessionStorage

1.14  Boolean类型

   True  

False  

                      2 变量  

[if !supportLists]1.4[endif]Js的发展历史

1.15  JS中的数据类型

string  number   boolean  undefined  null   基本数据类型

复杂数据类型 对象   Date   Array
 function

 

Undefined是一种数据类型,只有二个值正是undefined,代表变量注明了,没有赋值的一种境况。
 

变量评释与定义的区分 :

变量申明指的量,只给变量起了二个名字,并不曾数据值,var name;

变量的概念,正是连注解加赋值,var
name = “张三”;

 

1 变量的扬言:关键词:var 在内部存款和储蓄器开辟一片空间 如 var name = ‘jack’

一九九三的时候诞生的liveScript  java   javascript

1.16  逻辑运算符

 

&&   ||   !  

 

 

&&: 表示在&&两边的表明式同时为真是才为真,只要有三个假就为假;

||:表示在||两边的表明式中只要有三个真即为真,不然同时假才为假;

!:真变假;假变真;

 

                                     2 变量的赋值:name = ‘’
 在空中存入数据

微软Jscript在融洽的系统 内部的浏览器里面,内置了jscript

1.17 运算符的预先级

 

 

 

                                     3
变量的概念:包蕴变量的宣示和赋值,推荐使用变量的概念  注意: =
号在js中是赋值符

壹玖玖玖   js的专业提出了ECMA

1.18 数量的类型转换

转成number

  隐式转换  +    –   *    /   %
  

  强制转换  使用外部的法子恐怕函数举行的数目转换

Number()    parseInt()     parseFloat()

 

2000年从前js的身份十分低

1.18.1  Number()函数

   var a = “123”;
var b = true;
console.log(Number(a)); // 123
console.log(Number(true)); // 1
console.log(Number(null)); // 0
console.log(Number(undefined)); // NaN
console.log(Number(“123.456”)); // 123.456
console.log(Number(” “)); //0

 

boolean类型的值转换到Number类型true–>1    false–>0

unerfined—–> NaN

要是能将值转换到数字,就转换到对应的值,借使不可能转换,则报NaN.

Number()函数的表征:

a.要是转换的剧情能够转成数字,那么就径直再次来到这些内容对应的数字。

b.将一体化举办转移,假若有3个不可能变换那么重返NaN.

c.借使在剧情中冒出小数,那么小数会保留,也会输出小数。

d.要是内容为空(null),那么转换来0;

                       3 变量的命名规则:

2002的时候ajax的产出让js的身价产生了石破惊天的变化

1.18.2  转string

 隐式类型转换   +“”  

 强制类型  toString()
   String();

  万物皆对象,JS中的对象差不离都有toString();  null,undefined是从未toString()方法,固然要强制转换的话,只好利用String();  

能用toString()转换的靶子,对String()都能够

                                      
1.变量名必须以字母、下划线_、$开头

二〇〇七年的时候iphone的产出,让js的市镇地位又上升

1.18.3  转boolean类型

 隐式类型       !!

 强制类型       Boolean()

数据类型转boolean的时候,为false的动静:

    0, “”,null,undefined,NaN, 这一个转成boolean类型的时候都为false,别的的都为true;

2.变量的名字中带有数字,字母(a-z  A-Z) ,_ ,$

二〇一〇年的时候H5   canvas的完结也急需js

1.19  NaN    number类型

NaN : not   a   number   不是一个数字

是数字类型的一种,代表数字的一种不符合规律的图景,也便是说,本来可以转换来数字或许出席运算的变量,并从未更换过来,这几个时候就报一个NaN,那样就幸免了程序报错。

NaN是至极例外
的,特殊到凡是与NaN进行的演算,最后结果都是NaN,更新鲜的是,NaN与哪个人都不等于,包涵本身。

isNaN()    是    不是三个数字
  非数字

3.js中变量的名字严酷不一样轻重缓急写

二零一一年的时候node.js伸向了服务器端

1.20  JS中的语言结构

次第结构   

支行组织     if      if-else
 

选料结构     if  else-if  else-if
…else    swicth-case

巡回结构     while  do-while   for
   for-in

4.变量的称号不可能利用js中的关键字和保留字

Js的书写地方

1.21  If()  

 If(度量标准){  一般是1个boolean类型的值恐怕关系表明式或是逻辑表明式

要实践的代码;

}

施行进程:

 当程序运营到if处的时候,首先进入小括号,判断括号里面包车型大巴规则是或不是建立,即便建立,约等于括号里是true,则跻身大括号执行里面包车型客车代码,假诺基准不创制,也是回到false,则平素跳过大括号,执行前边的代码。

If只好判断
一种意况,假如想看清两种情状

 

If小括号中只要不是boolean类型的值,也不是涉及表明式也不是逻辑表明式的时候,会隐式的调用Boolean(),将传进来的值,举行四个boolean类型的转换。

5.不能够以数字开始

行内式写在html标签内

1.22  If..else

If(测量圭臬){ 一般是boolean类型的值恐怕关系表明式或是逻辑表明式

要举行的代码;

}else {

要推行的代码;

}

推行进度:

程序运维到if处,首先进入小括号,判断当中的规格是还是不是创立,假诺基准建立,也正是回去true,则跻身大括号,执行里面包车型客车代码,倘使衡量圭臬不创建,也正是重临false,则跻身else对应的大括号里面,执行里面的代码,执行完结之后直接跳出if-else语句。三种情状肯定会实施当中三个大括号中的代码。

 

建议:变量的命名尽恐怕有含义,命名使用驼峰命名法

内嵌式写在页面包车型客车script标签间

1.23 元正运算符  

表明式1(关系表明式或是逻辑表达式)? 表达式2:表明式3;

假定表明式1赤手空拳,也便是终极求解出一个True的结果可能 表明式1再次来到true,则发布式2的值是整个表明式的值,假设表明式1不树立,也等于求解出的结果是false,则表明式3是成套表明式的值。

诚如多用来二种情状的语境。

  var sex = 1;
//    if(sex == 1) {
//        console.log(“男”);
//    }else{
//        console.log(“女”);
//    }

    var a = sex == 1?”男”:”女”;
    console.log(a);

 

  var str = prompt(“请输入四个人名中的一个,‘秦太师’,‘岳鹏举’”);
//    if(str ==”岳飞”){
//        console.log(“忠臣”);
//    }else {
//        console.log(“奸臣”);
//    }
    var s =   str ==”岳飞”?”忠臣”:”奸臣”;
    console.log(s);

 

表明式:  正是多少个方可测算出结果的架子

var a = 100;

比如说: a=1, “abc”, 100>20; a;

 

   外链式写在3个独立的js文件中,然后引入进来

1.24  Switch-case  

switch(值){ 一般是二个变量或是总结后的定值

case 值1:

 要履行的代码;

break;

case 值2:

 要实施的代码;

Break;

 

Case 值3:

 要进行的代码;

Break;

 

Case 值4:

 要推行的代码;

Break;

Default:

要执行的代码;

Break;

}

举行进度:

当程序执行到switch处,先进入小括号,总结里面值,然后拿着那个定值依次和大括号中case里面包车型客车值进行匹配,要是同盟成功,则履行相应的case中的代码,遇到break,则跳出当前swicth-case结构,假若协作都不成事,则要看结构是还是不是有default,假设有,则进行default中的代码,碰着break跳出结构,要是没有default,则直接跳出swicth-case结构,执行前面包车型客车代码。

多用于多规格的定值判断 。

瞩目:case中的值的数据类型一定要与switch小括号中的值的数据类型一致。

                      4 +的作用:

使用内嵌的话推荐写在html标签的末梢

1.25  If-elseif  与switch-case的区别

相同点:都得以兑现多分支协会

不同点:

if-else if:能够处理区间范围

switch:一般 只好用于定值比较

三者的分别:

if有规范的实行一条语句
    一种状态

if-else有规则的施行一条或另一条语句
   三种情况中的一种

switch有标准的推行一组语句中的一条语句
  各类景况中的一种

 

 

                                          1.连接符的成效 
只要加号的一派是字符串,那么加号正是连接符的职能

Js的多少个网站

1.26 While

循环: 所谓循环正是重新的做同样件业务

while 循环

while(循环条件){

    循环体(要实践的代码);

}

实践进度:

当程序 运营到while处,首先进入小括号判断循环条件是不是成立,若是建立,也正是值为true,则跻身大括号执行里面包车型地铁循环体,执行达成之后,再度归来小括号中判断
循环条件是不是成立,若是创制则重复进入大括号执行里面包车型大巴循环体,往复循环。只假设循环,肯定会有一行代码能够改变循环条件,假设没有代码改变循环条件,我们称那样的循环叫死循环。

while(true){

循环体;

}

2.数学生运动算符的作用  加号两边都以数字,那么加号就是运算符的职能

1.27  Do- while  

 Just   do   IT

Do{

循环体;

} while(循环条件)

履行进程:

程序执行到do处,先进入大括号执行里面包车型客车循环体,然后带着执行结果到达while的小括号,判断在那之中的轮回条件是还是不是建立,假若建立,则另行进入大括号执行里面包车型客车循环体,假若不创造,则跳出当前do-while循环。

特色,至少实施3回循环体,然后再判断 循环条件。

While的特点:

先判断循环条件,再实行循环体,有可能 三遍循环体都不履行。

 

http://www.codecombat.cn/

1.28  For循环

 一般多用来已知次数的循环

 for(表达式1;表达式2;表达式3){

循环体;

}

 执行进程:

程序运营到for处,进入小括号中,先实施表明式1,表明变量,并赋初值,然后实施表达式2,判断循环条件是不是成立,假诺基准建立,则进入大括号执行里面包车型大巴循环体,第二遍巡回的时候,并不进行表明式3,第二回巡回执行完结之后,执行表达式3,改变循环条件,然后再实践表明式2,判断循环条件是或不是建立,若是建立,则再一次实施循环体,假如不树立,则跳出循环。

E 转义符的利用:

Js的组成

1.29  循环的嵌套

 一个循环之中含有着另多个的巡回

对此循环的嵌套来说,外面包车型大巴循环循环二遍,里面包车型地铁循环循环N次

for(var i=0;i<6;i++){
     for(var j=0;j<10;j++){
         console.log(“循环嵌套”);
    }
}

                                         
转义符:用来代表一些特殊符号,反斜杠\

ECMA(亚洲计算机创建商协会)规定了js的咬合

1.30  break  

 二种用法 :

  第贰种用在swicth-case 用于跳出当前程序

 第二种,是用在循环个中,一般是用while或是for循环个中,与if搭配使用,成效正是当下跳出当前循环,前边的代码都不再实施。

也广泛用于死循环的跳出。

While(true){

}

                                          常用的转义:

ECMAScriptjs的底子语法

1.31  continue    继续的意味

相似也是用以循环个中,当碰到continue关键字的时候,立马结束此次巡回,然后回来循环条件处,判断
循环条件是不是建立,倘使建立则继续下3遍巡回,倘使不树立,则脱离当前巡回。

只得了近年来本次巡回,continue后边的代码都不再实施。

                                                        常用:

DOM文书档案对象模型

1.32  数组

数组
正是数据的不变列表。存款和储蓄的是一组数据,那组数据能够是自由档次,而且数组中的元素得以每117日的动态拉长。

\n:换行

BOM浏览对象模型

1.32.1 运用构造函数创设数组

// 第二种,用构造函数的艺术开创 数组
 var  arr = new Array();// 创制了一个空数组,长度为0
// 数组就是数码的平稳列表,那些顺序是按编号来的,暗许以0开头,这几个编号
叫做数组的目录或是下标
arr[0] = 100;
arr[1] = 99;
arr[2] = 98;
 arr[10]=96;
 console.log(arr.length);
 console.log(arr);// 直接打印数组 ,就足以观望数组里面包车型大巴数量
 alert(arr);

 

 

 

var arr = new Array(6); //成立了2个长短为6的数组
arr[0]=100;
arr[7]=102;
console.log(arr.length);
console.log(arr);

JS的性状便是弱类型的动态语言,比如数组里面包车型大巴要素是足以每一天动态增进的,数组的长短会随着里面数据的成形而转变。

JS中的数组能够储存任何类型的数量,而且大小能够动态的更动,与PC中的内存大小相当。

\t:缩进

Js的言语特色

1.32.2  使用字面量的艺术创立数组

 var arr = [100,98,96,99,93,95,97,69,89,58,87];
//console.log(arr[0]);
//console.log(arr[arr.length-1]);

for(var i=0;i<arr.length;i++){
    console.log(arr[i] +”====”+i);
}
 //console.log(arr.length);

 

\b:退格

JavaScript是社会风气上用的最多的脚本语言

1.33 冒泡排序

冒泡排序是将数据从大到小可能从小到大排列的一种算法。

是首先拿着脚下的值,依次的和后边的值进行相比,假设是从大到小排列的话,当前的值
小于后边的值的时候,就两两换到,

 

例:

        var ex;

        var arr = [65, 97, 76, 13, 27, 49, 58];

        for (j = 0; j < arr.length – 1; j++) {            //交换次数

            for (i = 0; i < arr.length – 1 – j; i++) {

                if (arr[i] > arr[i + 1]) {

                    ex = arr[i + 1];

                    arr[i + 1] = arr[i];

                    arr[i] = ex;

                }

            }

        }

        alert(arr);

 

 

 

 

脚本语言:不供给编写翻译,惟有运维时边解析边实践的言语

1.34 函数

函数正是代码复用的一种体制大概封装某种意义的代码段。

函数的定义:

有二种,第二种,是接纳函数评释的艺术定义函数

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

函数体(都是可进行的可能要执行的代码);

}

函数名类同是3个动词,代表某种意义,名字最棒也要奉公守法驼峰命名法

函数申明了以后,本人是不会自行调用的,供给大家来实施调用,函数的调用正是:   函数名();

函数的好处:1回评释或是定义,多次调用或是数十一遍举行大概只定义一遍,能够被实施或许调用多次。

F js’中的数据类型:

JavaScript是一种客户端的脚本语言

1.35  函数的结缘

 函数的三要素: 函数名(函数的功用),参数,重返值

其间,参数不是必须的,也正是说能够没有参数,重临值是各样函数都有的,假若没有显著的重回值的话,暗许是undefined.

实则大家得以将函数看成是特地做某件业务的人大概机构,有时候做某件事情的时候,要求大家提供部分数量给它,它在实行大概运算实现之后或许会有一些结果重回给大家,大家提供的数码就称为参数,再次来到给大家的结果就叫做重回值。

诸如:大家去银行ATM机取款,大家供给输入一些密码和取款金额,那么
大家输入的这些密码和金额便是参数,即使输入正确,最终取到的钱,正是再次来到值。

                                         
Js中的数据类型:js是动态弱类型的脚本语言

JavaScript是一种弱类型的动态语言(动态拉长一些天性或是艺术)

1.36  形参和实参的涉嫌

概念好了函数之后,在函数调用的时候,会将函数的实参复制一份传到函数定义时的形参里面,会和此前的顺序对应起来,如果实参和形参的个不相同的时候,会先按此前的分配。实参和形参的个数是可以不等同的。

var i= 0;
function getSum(a,b,c){ //
在函数定义的时候,使用的参数叫做形参,起占地方的效应
    // arguments
    a = a || 0;
    b = b || 0;
    c = c || 0;
    console.log(a+b+c);
}

getSum(10,20);//在函数真正的调用的时候,传入的数量,才是实参

 

 

动态:能够随时动态的给目的添加属性和艺术

1.37  Return 的用法

在函数在那之中,return一般是用于重临函数个中的数目,假设return前边跟着数据,则前边的数码是一切函数的重返值,程序运转到那边的时候,会先将重回值重返出去,然后登时跳出当前函数,前面包车型大巴代码不再进行。

只要return 前面没有多少来说,程序运营到return处,则表示向来及时跳出当前函数,后边的代码都不进行。

function getSum(a,b){
    a = 100;
    return  a + b ; //将计算后的结果用关键字return重临出去
    console.log(“看本人执行了没有。。。。”); // return后边的代码不再实行
}
var num = getSum(a,b);
console.log(num*2);

                                          不难的数据类型:

能够每一日的更动数组中的成分

1.38  函数的嵌套

所谓函数的嵌套就是在三个函数里,调用另叁个函数。

 

例:

利用相比较八个值大小的函数,以嵌套的格局形成一个比较八个轻重缓急的函数。

function getMax(a,b){
    return c = a>b?a:b; }
function getMax1(a,b,c){
    return getMax(a,getMax(b,c));
}
console4858美高梅 ,.log(getMax1(1,5,3));

 

                                                                     
字符串:string

直接量

数字类型;number

直接量就是足以拿过来直接运用的数据值。

空:null

alert(“那是二个弹出框的内容”);

空:undefined   表示未定义

变量

Boolean:布尔类型  true flase

变量就是支援大家往总括机中蕴藏数据用的。

                                 
复杂数据类型:数组,函数,对象,object。。。。。

变量的命名规则

                                                       

取名规则:

 

变量名必须以字母或下划线“_”或$开端,无法以数字起头

G js中数据类型的检查和测试:typeof  console.log(typeof 要检查和测试的数量)

变量能够包括数字(从A至Z的大大小小字母),下划线或是$

                                    
注意:只要用户输入的始末都以字符串类型的数目

JavaScript严刻分裂学轻工重缓急写,computer和Computer是四个完全不一致的变量

 

建议:

H js中的算术运算符:

变量的称呼要有意义

1 二元运算符  必要三个操作数出席的演算,+ – * / %(取余)

变量的命名遵守驼峰命名法,首字母小写,第二个单词的首字母大写

                                          2 一元运算符  

例如:userName

1 ++:分为前++和后++     前++:先在原本的操作数上先+1,然后再参预运算

取名的时候,一定不能够用系统中的保留字或是关键字

                                            
后++:先拿原来的操作数,加入运算,然后再+1

4858美高梅 12

2 –:分为前–和后–        
前–:以后原本的操作数上先-1,然后再插手运算

4858美高梅 13

                                            
后–:先拿原来的操作数,加入运算,然后再-1

+的作用

                                          3 复合运算符:+= -= *=  /= %=

varname =prompt(“请输入你的姓名”);//
 console.log(name);alert(“你好”+name);// +连接字符串和变量

 

[if
!supportLists]1.[endif]连天字符串和变量+两边只要有一面中是字符串,便是接连的作用

I js中的关系表明式以及逻辑运算符:1关乎表明式 
用关系运算符链接的表达式便是关联表明式

[if
!supportLists]2.[endif]数学中的运算+两边都是数字来说,则是数学中的运算

                                                              
注意:关系表达式的结果都是四个布尔类型的值

转义符

                                                       

\+三个字符,组成转译字符.一般用于表示特殊符号

                                                          2 逻辑运算符:
逻辑与:&&  逻辑或:||  逻辑非:!

常用的转译符:\n(换行) \b(退格) \\ \t(缩进) \”

 

typeof关键字用来检查和测试变量的数据类型

 

//js中有着变量的宣示都施用一个珍视字var//
js的特色,是弱类型的动态语言//所谓的弱类型,就是js对变量里面储存的数据类型要求不严厉varname
=”张三”;varage
=20;console.log(typeofname);console.log(typeofage);

 

Js中的数据类型

2 js数据类型的变换

简不难单(基本)数据类型:string  number  boolean  undefined null

 

内部存储器中的栈空间中开拓内部存款和储蓄器空间

A 数据类型的转移:

复杂数据类型:对象object  Array  function  Date   Regexp

                     1 数据类型转换到number类型

是在内部存款和储蓄器中的堆空间中开拓内部存款和储蓄器空间。

1 隐式转换:通过 + – * / %   
将undefined转换来成number类型获得的结果是NaN,NaN表示:not a number

变量的再一次赋值

不是八个数字。NaN也是number类型中的三个值。他是用来代表数字的一种非正常状

//  var n1= 20;  //变量的值传递//  var n2 = n1;
//是将协调内部存款和储蓄器空间中的数据值,复制一份储存到变量当中//
 console.log(n2);//  var n3 = 50;//  n3 = 80;
//重新赋值为80,会将原先的数码给覆盖掉,内内存空间不变//
 console.log(n3);varstr =”文字1″;str
=”文字2″;console.log(str);//因为字符串具有不可变性,一旦评释了随后,空间里面包车型大巴值就不会变了

态   在js中对无法转换到number类型的值  都以NaN 用来表示数字的一种非不荒谬

算术运算符

事态,为了不让程序报错、

//正是小学的数学生运动算+    –   *   /%算术运算符vara =10;varb =20;varc =
a+b;console.log(c);

                                                                                                               
   注意:+号要写在头里

二元运算符:+   –   *    /   %

                                                                      2
显式转换(强制类型转换)Number();parseInt();parseFloat()

一元运算符:++     —

 

前加与后加的分别:

                                                                                                                      
Number()转换的风味:

前加加的时候,是先将自家的值加1,然后拿着新值参加运算,而后加加是先用原值加入运算,而后将自个儿的值再加1.

1.万一是数字类型的字符串都能更换来number类型

事先级:一元运转符的优先级要高于二元运算符

2.对于true、false、null都能常常转换到数字类型

复合赋值运算符

3.undefined转换来number类型都无法健康转换来数字类型,获得结果是NaN

实际正是将算术运算符和赋值运算符(=)进行三个合编

4.对无法转换到number类型都得结果都以NaN。

+=  -=   *=  /=   %=

 

关联运算符

                                                                                                                      
对于parseInt()转number类型的风味:

尽管用来比较两者之间的3个事关

1.对于数字类型的字符串都能转换来number类型

>   <    >=   <=  ==  !=  ===  !==

2.对此null、true、false、undefined不能够平常转换来number类型,最终获得的都是NaN

==:判断两者之间是不是等于,只是一口咬住不放的值

3.对于富含数字的字符串,若是眼下是数字,使用parseInt转换的时候只转换前边的数字有的,对于背后不能够转换的局地直接吐弃;假使是字母在前方 
直接全体无法转换,的到的是NaN

===: 是判断双方类型是不是同样,再判断值是不是等于

4.对于是小数的,只取前边的平底部分,前面包车型地铁都丢掉  

论及运算符的结果要用boolean类型来表示。

在意:取整数有些不是四舍五入,而是一贯取整数有的

逻辑运算符

parseFloat()转换到number类型的时候和parseInt是一致的,只可是对于小数,parseFloat能取到小数部分

逻辑运算符:&&    ||     !

     

&&的两边的表达式,假若有3头的表达式为假的话,则全体表达式的结果就是false.

           2 将数据转换来string类型

表达式1表达式2表达式1&&表达式2

                                  1 隐式转换 var num = 20;

TrueTrueTrue

var str = num + “”;

TrueFalseFalse

 

FalseTruefalse

                                  2 显式转换 toString(); String();

FalseFalsefalse

                                                                   var
num = 100;

||假若||的两边有1个是true的话,则全体表明式的结果就是true

var res = num.toString()
;能够在toString()在小括号中投入一个参数值。能够将其转成对应的进制的值

表达式1表达式2表达式1||表达式2

注意:null和undefined不能够采用toString()方法,转成数据类型

TrueTrueTrue

String()能够直接将null和undefined转成string    
console.log(String(null/undefine))

TrueFalseTrue

 

FalseTrueTrue

           3 数据转换到Boolean类型

FalseFalsefalse

                     

!原来为true!就变为false ,原来 为false的话,则取!之后就变成了true.

                                  1 隐式转换   !!  var num = 100;

表达式!表达式

var res = !!num;

TrueFalse

只顾:能更换到false的有 :0,null,undefined, “” ,NaN;

Falsetrue

                                  2 显式转换   Boolean()    

[if !supportLists]1.20[endif]运算符的先期级

                                              
    非0的数转换来布尔类型都以true

预先级从高到底

 

()优先级最高

 

一元算术运算符++   —   !

B 程序的构造:

二元算数运算符先*  /  %后+   –

                 1 种种结构:程序从上外国国语大学下按顺序执行

涉嫌运算符>   >=   <   <=

 

关系(相等)运算符==   !=    ===    !==

                 2 精选结构:1 if构造     if(度量尺度){   
评定规范一般都以关乎表明式恐怕逻辑表明式

逻辑运算符先&&后||

实践代码}

赋值运算符=

实施进程:当程序运转到if的时候,先判断小括号中的评定尺度,假设评定标准建立(重返true),那么执行前面大括号中的执行代码,假诺条件不创造(重临false),那么直接跳过大括号,执行上边包车型客车代码;

正是四有个别:算术>关系>逻辑>赋值

                                      

数据类型转换

                                   2 if-else组织        if(度量圭表){

将其余的数据类型转换为number

实施代码1}else{执行代码2

隐式类型转换:+  –   *   /  %

}

显式(强制)类型转换,使用函数。Number()  parseInt()  parseFloat()

推行进度:当程序执行到if的时候,先判断小括号中的测量准则,倘使度量准则建立(重回八个true),那一个时候,执行后边大括号中的执行基准1,假设评定准则不成立(重临false),那一个时候执行else前面包车型客车大括号中的执行代码2

NaN  not a
number不是2个数字,是属于number类型,表示数字的一种不平常景况,也等于说本来要转换为number类型的值,没有更换过来。

 

NaN是number类型not a number不是1个数字或然说是非数字
 用来表示数值的一种不正规境况,是三个与众差异的值

                 3 支行协会:    1    if-else if         
if(判断语句){

以此值用来表示1个理所当然要回去数值的操作数未重返值的事态(那样就不会报错了)

实践语句1}else if(判断语句2){

其它涉及NaN的操作都会回去NaN   NaN与任何值都不等于,包涵本身

举行语句2}else{执行语句3

isNaN()判断值是还是不是(不是数值),接收值后会尝试将值转换为数值,无法转换为NaN.

}

强制类型转换之Number()

 

特点:

                                                       
执行进度:当程序运营if的时候,先判断判断语句

a.倘诺转换的始末能够转成数字,那么就直接重临那么些剧情对应的数字。

1,如若建立,则执行语句1,假如不树立,那么继续判断度量圭表

b.假若无法变换那么重临NaN.

2,如若成立,则履行实施语句2,要是不创建继续判断测量规范

c.假若在情节中冒出小数,那么小数会保留。

3,以此类推

d.要是内容为空,那么转换来0;

                                  2 switch    switch(变量只怕固定的值){

强制数据类型转换之parseInt()的特点:

case 条件1:

a.如若转换的内容能够转成数字,那么就径直回到那一个剧情对应的数字。

推行语句1

b.假使不得以转移那么重临NaN.

break;

c.要是带有小数,那么会去掉小数,而不是四舍五入。

case 条件2:

d.要是第一个字符是数字,则继续分析直至字符串解析完结或许遭受2个非数字符号甘休.

实践语句2

强制数据类型转换之parseInt():

break;

a.特点与parseInt()大概同一,不相同点就是parseFloat()可以变换小数部分

…..

其他数据类型转string

default

隐式类型转换+””

   执行语句。。。

显式(强制)类型转换.toString()

   break;

其余数据值都有toString()方法,不过有新鲜的七个是尚未toString()方法的,是undefined和null
    String()

}

其余数据类型转boolean类型

履行进度:当程序运行到switch的时候,先和switch后边小括号的值,和case中的条件去匹配,匹配上哪二个case就实施哪叁个case上边包车型客车实施语句。假若都尚未匹配上,那么久执行default中的语句

隐式类型转换!!

 

显式(强制)类型转换Boolean()

                                  注意:if-else if和switch-case
分歧      if-else if 一般选取来区间判断

Js中的语言结构

                                                                             
switch-case 一般选取定值判断

依次结构

                 4 循环结构

分层组织有标准的实施if   if-else

                                  1 While

选拔结构if else-if    switch-case

                                      
while(循环条件){循环条件相似都以关联表达式只怕是循环表明式或然是布尔类型的值

循环结构while   do-while   for   for-in

      循环体;(重复中的那件事件)

If的用法

      改变循环的尺度

If(评定尺度){一般是boolean类型的值只怕关系说明式或是逻辑表达式

}

要执行的代码;

 

}

履行进程:当程序运营到while的时候,先判断循环条件,假若循环条件重返2个true,则执行大括号中的循环体,假若循环条件是false,直接跳过大括号,循环体不会被实施

推行进度:

 

第2代码运维到if处的小括号处,评定圭表是或不是建立,假如基准建立,也正是回来true,则跻身大括号里面,执行里面包车型客车代码,假设衡量圭表不创设,也等于回到false,则跳过大括号,执行前边的代码。

                                  2 do while

If只好判断执行一种情况,如若要一口咬住不放三种情状,就得用if-else结构

                                       do{

If-esle的用法

      循环体;

if(度量圭表){一般是boolean类型的值恐怕关系表明式或是逻辑表明式

      改变循环的尺度;

要履行的代码;

}while(循环条件)

}else {

 

要实行的代码

                                  3 for

}

                                       for(表达式1;表达式2;表达式3){

施行进程:

      循环体

第贰代码运维到if处的小括号处,测量规范是不是建立,假如基准建立,也正是回来true,则跻身大括号里面,执行里面包车型大巴代码,假诺评定圭表不创设,也正是回到false,则执行else大括号里面的代码,执行实现跳出当前结构。

}

If  else-if结构

表明式1:一般都以用来给变量赋初值

if(测量圭表){一般是boolean类型的值恐怕关系表明式或是逻辑表明式

表达式2:循环测量规范   一般都以涉及表明式

要推行的代码;

表明式3:改变循环条件

}else if(衡量圭臬){

 

要推行的代码;

 

}else if(评定圭表){

      C 三朝表明式:

要进行的代码;

表明式1? 表明式2:
表明式3;表明式1:一般都以事关表明式只怕是逻辑表明式只怕是boolean类型的值

}else if(测量准则){

                      gender == ‘男’ ? console.log(1):console.log(0);

要实施的代码;

      D 闭塞运算:     短路运算符:&&  ||

}else {

                                   &&:短路运算:找假   
&&两边的值,先判断第①个,若是第②个值是true(会私下认可有3个隐式转换)则一贯回到第三个

要推行的代码;

值,不管第1个值是什么样。假诺第⑥个值转换后是flase。直接再次回到第一个值,不必要再去理第二个值是怎样

}

                                   ||短路运算符:找真
假若第2个值转换到布尔类型之后,假如是true,直接重返第2个值,不需求理第二个值是怎么。

施行进度:

设若第3个值转换之后是false,那么直接回到第②个值。

先是代码运转到if处的小括号处,测量准则是不是成立,假设条件建立,也正是回去true,则进入大括号里面,执行里面包车型大巴代码,如若条件不树立,则相继的展开else
if小括号内部,度量规范是不是创设,假设创造,也正是回去true,则进入对应的else
if里面包车型客车大括号,执行里面包车型大巴代码,假使持有的条件都不创建,也正是再次回到false,则要看是还是不是有else,若是有,则进入else里面,执行代码,要是没有,则跳出当前结构。

                      注意:

Switch-case结构

                                 
1.假使两边都是涉嫌表明式也许逻辑表达式也许是布尔类型的值得时候,&&和||就是起到逻辑运算符的效益

Switch(值){变量的值大概数据值

                                
2.假若&&和||两边是稳定的值或然是变量可能是目的,那几个时候&&便是起到过不去运算的功能

case值1:

 

要举行的代码;

E 关于break和continue的使用:

break;

                                             1 break的采用终止当前全方位循环,循环不再继续执行,并且break后边的代码不进行

case值2:

                                             2 continue     
用来终止当次循环,进入下1遍巡回,假若循环中碰着continue跳出当次循环,

要履行的代码;

continue后边的代码都不在执行

break;

                                            

case值3:

                                             3 continue和break区别:

要进行的代码;

continue和break的相同点:都可以告一段落代码,这七个前边的代码都不执行

break;

(对于近年来的循环)

case值4:

                                                                        
continue和break的区别

要履行的代码;

1 continue终止当次循环,循环还在持续,进入下3回巡回

break;

2 break直接终止整个循环,循环甘休不再接续开始展览

default:

要实践的代码;

break;

}

实施进度:

程序执行到swtich处的小括号,先总括里面包车型地铁值,拿着计算后的定值,依次和case中的值进行匹配,假使合作成功,则履行此case里面包车型客车代码,执行完结之后,蒙受break,则跳出当前布局,假设匹配都不成功,则要看日前协会在那之中有没有default,假若有的话,则跻身到dafault处执行里面包车型地铁代码,假如没有,则跳出当前结构,执行后边的代码。

If else-if与switch-case的区别

If  else-if多用来区间的论断

switch-case多用于定值的判定

While循环

所谓的循环就是重新的做相同件业务。

while(循环条件){一般是boolean类型的值恐怕关系表明式或是逻辑表明式

循环体(必要重新执行的代码);

}

执行进度:

程序运维到while处的小括号处,先判断循环条件是或不是成立,尽管建立,也正是重返true,则开始展览大括号执行里面包车型客车循环体,执行实现之后,再一次再次来到小括号处,判断循环条件是还是不是创立,假若创立,继续执行里面包车型地铁代码,假设不创建,则跳出当前巡回结构。只固然循环,总有一行码能够转移循环条件,要是没有更改循环条件的代码,那样的循环叫做死循环。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有