zoukankan      html  css  js  c++  java
  • JS笔记之第一天

    JavaScript:简称JS

    JS的原名不是JavaScript,而是LiveScript

    JS分为三个部分

    1.ECMAScript  标准→JS的基本的语法

    2.DOM——Document Object Model  文档对象模型

    3.DOM——Browser Object Model  浏览器对象模型

    JavaScript是什么?

    是一门脚本语言:不需要编译(翻译),直接运行

    是一门解释性的语言:遇到一行代码就解释(执行)一行代码

    是一门动态类型的语言

    是一门基于对象的语言

    是一门弱类型的语言,声明变量的时候都是使用var

    (编译语言:需要把代码翻译成计算机所认知的二进制语言才能够执行

    脚本语言:不需要编译,直接执行)

    变量

    操作的数据都是在内存中操作的

    JS中存储数据使用变量的方式(名字,值→数据)

    JS中声明变量都用var→存储数据,数据应该有对应的数据类型

    JS中的字符串类型的值都用双引号或者单引号

    变量的作用:用来操作数据的,可以存储,可以读取

    变量的声明:var  变量名字

    变量的初始化:var  变量名字=值;又叫字面量的方式赋值

    变量声明(有var   有变量名字,没有值)

    变量初始化(有var  有变量名字,有值)

    var 是变量的名字

    “=”等号的意义是赋值的含义

    var  number;//变量的声明,此时是没有赋值的(里面是没有数据的,因为没有写“=”号)

    var  x,y,z,k,j;(都是声明,没有赋值);//一次性声明多个变量

    变量的初始化(变量声明的同时并且赋值了)

    存储一个数字10     //var  number=10

    存储一个人的名字   //var  name=“小孩”

    存储真(true)     //var  flag=true

    存储一个null→相当于是空   //var  nll=null

    存储一个对象       //var  obj=new object()

    需要注意基本代码的规范:

    1.JS中声明变量都是用var

    2.JS中每一行代码结束都应该有分号(写一行代码结束要有写分号的习惯,这是一种规范,规定。如果不写,后期代码越来越多就越容易出错。);

    3.JS中的大小写是区分的;例:var  N=10;var n=10,这个N和n是不一样的,它们没有关系。

    4.JS中的字符串可以使用单引号,也可以使用双引号,目前我们暂时使用双引号。

    变量名的注意问题——变量名的命名规范,要遵循驼峰命名法

    1.变量的名字要有意义,(方便其他人能看懂)(代码越规范别人读取越清晰)

    2.变量名有一定的规范:一般以字母,$符号,下划线开头,中间或者后面可以有$符号,字母,数字

    3.变量名一般都是小写的

    4.变量名如果是多个单词,第一个单词的首字母是小写,后面的所有的单词的首字母都是大写的,这种命名的方式称为:驼峰命名法。

    5.不能使用关键字(比如系统自带的一些单词,不能使用)

    6.不会单词用拼音,拼音也要遵循驼峰命名法

    变量的交换:

    1. 第一种方式:使用第三方的变量进行交换。
    2. 第二种方式:数字之间的加减运算(一般适用于数字的交换)
    3. 拓展的变量的交换:位运算

    例子:

    第一种方式: 使用第三方的变量进行交换

    var  num1=10;

    var  num2=20;

    var  temp=num1;

    num1=num2;

    num2=temp;

    第二种方式交换:一般适用于数字的交换

    var num1=10;

    var num2=20;

    //把num1的变量中的值和num2变量中的值,取出来相加,重新赋值给num1这个变量。

    num1=num1+num2;//30

    //num1变量的值和num2变量的值取出来,相减的结果重新赋值给num2.

    num2=num1-num2;//10

    //num1变量的值和num2变量的值取出来,相减的结果重新赋值给num1(num2已经重新赋值了,num2=10,代入进去就得到num1=30-10=20)

    num1=num1-num2;//20

    console.log(num1,num2);【把num1和num2放在一起,这样可以一起输出】

    拓展的变量的交换:位运算

    var num1=10;

    var num2=20;

    num1=num1^num2

    num2=num1^num2

    num1=num1^num2

    注释:是解释代码的含义,方便自己或者给其他的程序员看的

    注释的方式:

    1.单行注释  //         一般用在一行代码的上面

    2.多行注释  /*中间这里写注释的内容*/        一般用在函数或者是一段代码的上面

    注释后的代码是不执行的

    JS中的数据类型有哪些?

    JS中的原始数据类型:number、string、boolean、null、undefined、object

    number:数字类型(包含整数和小数)

    string:字符串类型(字符串类型的值一般都是用单引号或者双引号括起来)

    boolean:布尔类型(布尔类型的值只有两个,true(真1),false(假0))

    null:空类型,值只有一个:null。当一个对象指向为空了,此时可以赋值为null

    undefined:未定义,值只有一个:undefined

    object:对象

    什么情况下的结果是undefined?

    变量声明了,没有赋值,结果是undefined。

    函数没有明确的返回值,如果接收了,结果也是undefined。

    如果一个变量的结果是undefined和一个数字进行计算,结果是:NaN(not an number)不是一个数字也没有意义。

    如何获取这个变量的数据类型是什么?使用typeof来获取。

    typeof的使用的语法:

    都可以获取这个变量的数据库类型是什么!

    typeof加变量名;

    typeof(变量名);

    console.log(typeof(变量名));

    number数字类型

    JS中可以表示哪些进制?

    JS中没有二进制

    十进制:数字序列范围0、1

    八进制:数字序列范围0~7

    十六进制:数字序列范围:0~9以及A~F

    var num=10;//十进制

    var num2=012;//八进制

    var num3=0x123;//十六进制

    数字类型是有范围的:最小值和最大值

    console.log(Number.MAX_VALUE);数字的最大值

    console.log(Number.MIN_VALUE);数字的最小值

    无穷大:Infinity

    无穷小:-Infinity

    总结:

    1.数字类型:number类型

    2.无论是整数还是小数都是数字类型

    3.不要用小数验证小数, 否则有时将会出现bug

    4.不要使用NaN判断是不是NaN,应该使用isNaN(值或者是变量);

    5.想要表示十进制:就是正常的数字

    6.想要表示八进制:以0开头

    7.想要表示十六进制:以0x开头

    string字符串类型

    字符串可以使用单引号,也可以使用双引号;

    (字符串的个数有多少个?(这个字符串的长度是多少?))

    字符串的长度如何获取?变量名.length

    JS中的字符串里也有转义符

       退格

    f   走纸换页

       换行

       回车

       横向跳格(Ctrl—I)(tab键)

    ’  单引号

    "   双引号

    \   反斜杠

    字符串的拼接:使用“+”可以把多个字符串放在一起形成一个字符串;

    只要有一个是字符串,其它的是数字,那么结果也是拼接,不是相加;

    如果有一个是字符串,另一个不是字符串,使用-、*号,此时会发生计算

    浏览器帮助我们自动的把字符串类型转成数字类型,这种方式叫:隐式转换(自动转换)

    boolean布尔类型

    布尔类型的值有两个,一个是ture(真),一个是false(假);

    计算机内部存储:true为1,false为0;

    Undefined和Null

    undefined表示一个声明了没有赋值的变量,变量只声明的时候值默认是undefined

    null表示一个空,变量的值如果想为null,必须手动设置

    类型转换

    1.  其它类型转数字类型:三种方式

    2.  其它类型转字符串类型

    3.  其它类型转布尔类型

    其它类型转数字类型:三种方式

    1.parseInt();//转整数

    console.log(parsrInt(“10”));//10

    console.log(parsrInt(“10jjsssxxx”));//默认转换成10,后面的字母自动忽略;

    console.log(parsrInt(“g10”));//NaN(不是一个数字)

    console.log(parsrInt(“1”));//1

    console.log(parsrInt(“10.924”));//10默认转换成整数

    console.log(parsrInt(“10.23hhj”));//10默认转换成整数

    2.parseFloat()//转小数 。结果与转整数差不多,只不过转的是小数

     

    3.Number();//转数字。

    小数和整数都是数字,所以都可以转,如果添加了不是数字的字符,那就会出现NaN;

    总结:想要转整数用parseInt();想要转小数用parseFloat();想要转整数用Number()(Number()这种方式要比上面的两种方式严格)

    (浏览器显示黑色的,说明是字符串类型)

    其它类型转字符串类型:

    1.  .toString()

    var  num=10;

    console.log(num

    .toString());//字符串类型

    2. String();

    var numl1=20;

    conso.log(Strong(numl1));

    如果变量有意义,调用 .toString()转换

    如果不量没有意义,使用String()转换

    其它类型转布尔类型:

    Boolran(值)

    console.log(Boolean(1));//ture

    console.log(Boolean(0));//false

    console.log(Boolean(11));//ture

    console.log(Boolean(-10));//ture、

    console.log(Boolean(“哈哈”));//ture

    console.log(Boolean(“”));//flase

    console.log(Boolean(null));//false

    console.log(Boolean(undefined));//false

    运算符(又叫操作符)

    操作符:是一些符号→是用来计算

    运算符分为:

           算数运算符

           一元运算符

           二元运算符

           三元运算符

           复合运算符

           关系运算符

           逻辑运算符

    算数运算符:  +  -  *  /  %(取余,取余数)

    算数运算符的作用是用来计算的

    算数运算表达式:由算数运算符连接起来的表达式

    操作符两边的操作数可以是:数字、变量或者表达式。

    一元运算符:这个操作符只需要一个操作数就可以运算的符号   ++  --

    二元运算符:这个操作符需要两个操作数就可以运算的符号

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

    复合运算表达式:由复合运算符连接起来的表达式

    var num=10;

    num+=10;→就是:num=num+10

    关系运算符:>  <  >=  <=  ==  ===  !=  !==

    关系运算表达式:由关系运算符连接起来的表达式

    关系运算表达式的结果是布尔类型。

    ==不严格的相等   ===严格的相等

    ==只需判断值一不一样就可以了不需要判断类型,

    ===既需要判断值一不一样,又需要判断类型一不一样

    !=不严格的不等

    !==严格的不等

    逻辑运算符:&&  //   !

    逻辑运算表达式:由逻辑运算符连接起来的表达式

    &&---逻辑与(与---并且)

    //---逻辑或(或---或者)

    !---逻辑非(非---取反--取非)(取反,取相反的结果)

    表达式1 && 表达式2

    如果有一个为false,整个的结果就是false

    表达式1 // 表达式2

    如果有一个为true,整个的结果为true

    !表达式1

    表达式1的结果是true,整个结果为false

    表达式1的结果是false,整个结果为true

    运算符的优先级

    优先级从高到底

    1. ()  优先级最高

    2. 一元运算符  ++   --   !

    3. 算数运算符  先*  /  %   后 +   -

    4. 关系运算符  >   >=   <   <=

    5. 相等运算符   ==   !=    ===    !==

    6. 逻辑运算符 先&&   后||

    7. 赋值运算符  =

    字面量:把一个值赋值给一个变量   var  num=10;

  • 相关阅读:
    一般性能指标
    Spring之AOP框架
    关于电子商务网站
    超级省代码的TAB选项卡
    sql递归
    程序员必备工具,程序员专用工具,程序员专用搜索
    类拟google那样的图片载入
    创建脚本编辑器
    Ancher常用的三种三栏网页宽度自适应布局方法
    js日期加天数
  • 原文地址:https://www.cnblogs.com/haohaogan/p/12200540.html
Copyright © 2011-2022 走看看