Javascript笔记

Javascript中的输出入语句

输出语句：

 

alert（"文本”）

---       用于在浏览器中弹出警告

console.log（"文本"）；-

--   用于在控制台输出信息

console.log（"文本"）；-

--用于在网页中输出内容

输入语句：

prompt（"文本"）;-

-在网页中弹出一个输入框

confrim（"文本"）;

--在网页中弹出一个确认框

Javascript中的引入方式

js内行式

<button onclick="window.alert('别点了')">请点我</button>

内部写法

 <script>window.alert("内部机密")</script>

外链式

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

记住外链式必须在外面建立一个后缀为js的文件名

js的基本语法

变量

变量的声明

先声明后赋值

var boy;

boy="jake";

边声明边赋值

var big="60";

变量声明的区别

1.初始化要求不同

使用var和let声明变量时可以先不初始化，而使用const声明变量时必须初始化。

2.重复声明不同

使用var和let声明的变量可以多次被修改,其值只与最近一次赋值一致，

而使用const声明的变量,在整个运行过程中不能修改初值直

(3)对块级作用域的支持不同。

使用一对花括号括起来的代码称为一个代码块所谓块级作用域，

就是指变量起作用的范围是当前代码块，离开当前代码块，变量就失效了。

使用var声明的变量支持全局作用域，使用let和const声明的变量支持块级作用域 

两种特殊的声明变量

let声明变量和const声明变量

let声明变量

let是es6新引入的关键字，用来替代var关键字

es6指2015年推出的ECMAScript

使用var声明的变量，可以多次赋值，但是结果只与最后一次赋值相关

let不允许在一个代码理由变量和他取一样的名字，但是允许修改同一个变量值

一个花括号就是一个代码块

 let girl="cici"
        //let girl(报错)
        girl="xuxu"
        console.log(girl);

        {let girl="xxx"}

const声明变量

let和var声明的变量可以改变

const声明的变量不能改变，即常量,不能反复声明

const必须在声明的时候就赋值

数据类型

数据类型分类

简单数据类型存储在栈内存中

复杂数据类型存储在堆内存中，地址存储在栈内存中

基本数据类型

boolean

只有tuer和false两种

数字型

在数字型中特殊的有NaN和Infiityl两种

isNaN能判断是不是数字型

是数字型就是ture不是就是flase

string

字符串

fundefind

表示声明的变量还未赋值

null

空值，即为什么都没有

数据类型检测

isNaN判断是否为数字

typeof判断是什么类型

boolean类型在数字类型中ture为1而flase为0

加号遇到字符串做拼接使用

数据类型转换

将数据类型转换为布尔类型

字符串类型和数字类型都会转换为不二类型的true

空字符串转为布尔类型的false，空格字符串转为true

数字0转为布尔类型的false

Boolean()

将数据转换成字符串类型

使用string()或to string ()转换

将数据类型转换为数字型数据

Number()用于将数据类型转换为数字型类型

运算符

赋值运算符

a+=b    a=a+b
a-=b    a=a-b

a*=b     a=a*b

a/=b     a=a/b
a%=b    a=a%b
a**=b    a=a**b

算术运算符

        加法运算

        console.log(z+a);

        减法运算

        let c=a-z;

        console.log(c);

        乘法运算

        d=c*z;

        console.log(d);

        除法运算

        e=d/a;

        console.log(e);

        取余数

        console.log(26%5);//1

        幂运算

        console.log(2**10);//1024

        //2*2*2*2*2*2*2*2*2*2

        自增

        m=5;

        n=++m;

        console.log(m);//6

        console.log(n);//6

字符串运算符&&隐式转换

隐式转换:当两个数据类型不同时，js会按照既定的规则进行转换

    字符串运算符； 加号遇到字符串，做拼接使用

   

 console.log(1+1);//2

    console.log(1+true);//2

    console.log(1+null);//1

    console.log(1+false);//1

    console.log(1+"1");//11

    console.log(1+"null");//1null

比较运算符

!= 不等于

console.log("5"!=5);//false

!== 不全等

逻辑运算符

&&逻辑与运算符--一假则假

 

console.log(true&&true);//true



console.log(false&&true);//false



console.log(true&&false);//false



console.log(false&&false);//false

||逻辑或运算符--一真则真

console.log(true||true);//true



 console.log(true||false);//true



console.log(false||true);//true



console.log(false||false);//false

三元运算符

条件表达式？表达式1：表达式2

如果条件表达式的值是true，则返回表达式1的执行结果

如果条件表达式的值是flase，则返回表达式2的执行结果

流程转换

选择结构

1.if语句

if(条件表达式){代码段}

  let age=prompt("文本")

   if(age>=18){

    document.write("文本")

        }

   2.if....else语句(双分支)

 

if(条件表达式){代码段一}else{代码段二}

  let age=prompt("请输入你的年龄")
    if(age>=18){

         document.write("你可以进入本网站")

      }else{

        document.write("非法访问")

     }

       

    3.if..else.. if..else语句(多分枝)

   

 if(条件表达式){

          1的结果

      }else if(条件表达式2){

          2的结果

       }else if (条件表达式3){

          3的结果

     }else{之外的结果}