2021-03-02

基础语法

  预备知识

    1.语句

      通常一行代码 如果添加了分号->一条语句

      使用;分隔

    2.变量

      目的

        通过一个名字 来表示一个可以改变的值

      定义方式

        ver 变量名=值;

          var关键字

        不赋值

          var 变量名

      关键字

        什么是关键字

          语言本身提供的名字

          有固定意义

            var

              如var 就是定义变量的意思

        语言本身 提供了很多关键字

          var

          for

          if

      变量名

        开发者起的一个名字

        注意

          1.不能使用关键字 定义变量名

          2.不能以数字开头

          3.不能以特殊符号开头

          4.定义变量名要有意义

            驼峰命名法

              第一个首字母小写其他首字母大写

            下划线命名法

        意义

          变量名

            开发者起的一个名字

            外号

            标记

          值

            具体内容

              数字

              文字(字符串)

              数组

              对象

          由名字 表示 后面的值

            子主题 1

    3.注释

      单行注释

        Ctrl+/

      多行注释

        Ctrl+shift+/

      没实际意义,不会去执行

只让开发者看到

不让浏览器看到,屏蔽了浏览器

    4.调试

      按F12(右键检查元素)->console

  数据类型

    Number 数字类型

      包含浮点和整数

    String

      字符串类型“”或者"包裹的都是字符串

    boolean

      波尔类型

        true

          对

        false

          错

    Array 数组

    Object 对象

    Function 函数

  数据类型的转换

    字符串 转数字

      转整数

        parselnt()

      转浮点

        parseFloat()

          如何使用小数?

            精度丢失

              不要直接使用小数

              非要使用

                1.乘以100(精准的级别)倍

                2.运算完毕 再还原倍数

  运算符

    算术运算符

      +

      -

      *

      /

      %

    复合运算符

      +=

        var a =10;

var b = 20;

a =a+ b

        a += b

      -=

        var a =10;

var b = 20;

a- =a+ b

      *=

      /=

      %=

      ++

        自己给自己增加一个一

      --

        自己给自己减少一个一

      自增自减运算符

    比较运算符

      结果

        就是一个Boolean类型的值

          true

          false

      >

      <

      >=

      <=

      ==

        忽略数据类型

          1与“1”认为是相同的

      ===

        严格查看数据类型

          1与“1”认为是不相同的

必须类型与值都相同

      !=(不等于)

        1 “1”

          假的

      !==

        1 “1”

          真的

    逻辑运算符

      与&& (两个and符)

        所有条件 都必须满足 才算真的

      或||

        只要有一个条件满足 就是真的

      非!

        黑白颠倒

          对的就是错的 错的就是对的

        /*

* 表示真的值

* true

* 1

* 有内容的字符串“xx”(不是空字符串)

*(存在值的)有值的对象

*

* */


/*表示假的值

* false

* 0

* null

* undefineded

* NaN

* 空字符串“ ”

* */

    三元运算(三目运算)

      经常代替if else语句

        if(睡觉){

做梦

}else{

掌握三元运算

}

      三元运算

        睡觉?做梦:掌握三元运算

        条件?满足执行:不满足执行

    必须 数字与 数字之间 运算

  输入内容

    prompt() 弹窗

  输出

    console.log(a);//日志

    console.warn(a);//警告

    console.info(a);//详细信息

  调试方式

    1.console.log(a);//日志

    2.断电调试(至少是半个大神级别才会)

      在程序中 打点 阻止继续执行

      调试流程

        1.先通过经验 定位到 大概错误位置

        2.打开浏览器中的sources

         

        3.点击要调试的文件(js)

         

        4.在怀疑有错误的地方 点个点(打断点 在数字位置)

         

        5.程序重新运行会在断点位置停止

->鼠标移动到断点上面的变量

->就会显示变量的值

         

        6.如果继续排错 可以打多个断点

通过播放键 跳到下一个断点

通过下一步 执行下一步代码

         

  分支结构

    if语句

      if(条件){

}

      if(条件){

}else{

}

      if(){

}else if(){

}else{

}

    switch

      选择其中的某一个点子(case)

      switch(变量){

case值1:

break;

case值2:

break;

default:

}

      break不是强制添加的 如果不添加break 程序会继续走下面的条件

  循环结构

    知道循环次数

      for

        for(var i=0;i<5;i++){

循环体;

}

        for()中的各个语句的含义

          var i=0; 初始化变量

          i<5; 循环的条件

          i++;更改变量的值

    不知道循环次数

      while

        while

          while(条件){循环体}

        do while

      do while

        不管条件 满不满足 先执行一次循环

    循环相关的关键字

      continue

        从continue的位置开始 跳过本次循环

        continue前面不会跳过

        for (var i=1;i<=100;i++) {

console.log("晕晕晕");

if (i===33||i===55||i===72) {

continue;

// 从continue的位置开始 跳过本次循环

}


console.log(i);

}


      break

        跳出循环

  函数

    具备某些功能的工具

    四种类型

      无返回值

        带参数

        不带参数

          var 函数名 = function函数名(){}

          function函数名(){}

          函数名()

            整体

      有返回值

        带参数

        不带参数

        返回值

          带返回值的函数是什么?

            返回值 是什么 函数就是什么

            1

              function x(){return 1}

          return 值;(return 后面加个值)

        return

          放到函数中

            return 值;

              有返回值的函数

            return ;

              跳出函数

    组成

      声明函数

        function函数名(){}

      调用函数

        函数名()

    内置函数

      console.log();

        console.log() 方法用于在控制台输出信息。


该方法对于开发过程进行测试很有帮助。

      alert()

        alert() 方法用于显示带有一条指定消息和一个 确认 按钮的警告框。

      Math.random();

        随机数

      prompt()

        prompt()方法用于显示可提示用户进行输入的对话框。

    封装

      编程思想

    参数

      形式参数

        形参

          没有实际意义

            代表着 即将传进来的实参

      实际参数

        实参

          是 实实在在的一个值

    返回值

      带返回值的函数是什么?

        返回值 是什么 函数就是什么

        1

          function x(){return 1}

      return 值;(return 后面加个值)

    return

      放到函数中

        return 值;

          有返回值的函数

        return ;

          跳出函数

    作用域

      概念

        变量起作用的范围

      局部变量

        作用域 只在定义的函数体 里面,在函数体外面是不可以使用的

      全局变量

        子主题 1

      自执行函数

        作用域的问题(防止多个js文件间 变量互相影响)

    作业

    面试题

  作业

  回顾

    1.

      变量的定义

        值可以被更改的量 叫做变量

        公式:var 变量名 = 值;

        var a = 30;

a = 10;

a = 25;

    2.

      数据类型

        数字Number

          数字

          字符串转数字

            parseInt()

              整数

一、脚本语言

语言特性:松散 对开发者的要求很低

如定义变量,严谨语言 int a=30;

松散的语言 var a=30 永远不会认为开发者写代码有问题

定义的是数字,用的是字符串

1.把数组转换成字符串

2.执行开发者写的程序

正常一条语句结束会用分号

二、1.语句 通常一行代码如果添加了分号,就是一条语句 英文分号分隔

2.变量 目的 通过一个名字来表示一个可以改变的值

定义方式 var变量名=值 var关键字

不赋值 var变量名

关键字 var

什么是关键字 语言本身提供的名字 有固定意义 var定义变量用

变量名 开发者起的名字

注意:不能使用关键字定义变量名;不能以数字开头;不能以特俗符号开头;要有意 义 (驼峰命名:第一个单词小写其他字母大写;下划线命名法)

3.注释

单行注释// 多行注释 Ctrl+shift+/

4.调试 f12 或者 右键检查元素里面的 console


5.算数运算符

+

-

*

/

%(取余) 数字与数字之间运算

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

++给自己增加一个1

--给自己减少一个1


数据类型

* Number 数字(浮点《小数》、整数)

* String 字符串类型 使用双引号、单引号包裹起来的都叫字符串

* 字符串转数字

转整数 parseInt()

转浮点 parseFloat() 如果使用 parseFloat 不要直接使用小数 精度丢失

如果使用小数,乘以10的n 倍(精准的级别)运算完毕在还原

* Array 数组

* Object 对象

* Function 函数


6.输入内容 prompt()


if语句


switch 选择其中的某一个点子(case)

switch(变量){

case 值1:

break;

case 值2:

break;

default:}


break 不是强制添加 但是如果不添加break 程序会继续走下面条件



例:

var loginType = 1;

// switch (loginType) {

// case 0:

// alert("手机号登录");

// break;

// case 1:

// alert("QQ登录");

// break;

// case 2:

// alert("WeChat登录");

// break;

// case 3:

// alert("sina");

// break;

// default:

// alert("手机号登录");

// break;

// }

具备某些功能的工具

四种类型

无返回值:带参数

不带参数


* 必须去使用(调用)这个函数 才会去执行

* */

// var xx=function () {

// console.log("xxxxxxxx");

// };

//调用函数--》函数体里面的代码才会去执行

// xx();

参数

<script>

//形式参数 dongxi 代表着调用函数的时候传入的实数(实参)

function geilaoshixiayao(dongxi) {

document.write("老师喝了白开水混合"+dongxi);

}

//"冰糖" 实际参数 实际传入到函数中的参数

geilaoshixiayao("冰糖");

geilaoshixiayao("毒药")

;

</script>




有返回值:带参数

不带参数


知道循环次数 for

for(var i =0 ;i<5;i++){ }

for()中的各个词语的含义:var i=0初始化 变量 i<5;循环条件 i++更改变量的值

不知道循环次数 while


//100以内所有偶数的和

// var sum=0;

// for(var i=0;i<101;i++) {

// if (i % 2 === 0) {

// sum=sum+i;

// }

// }

// console.log(sum);


continue 从continue的位置开始 跳过本次循环 continue前面不会跳过

//跳出循环

for(var i=1;i<101;i++){

console.log("YYYYY")

if(i===33){

continue;

}

if(i===55){

continue;

}

console.log(i);

}




//while循环

var blood =1000;

while (blood>0){

var skill=prompt("请输入技能:1");

blood-=500;

console.log(blood);

}




while while(条件){循环体}

do while

do{}while()

返回值是什么 函数就是什么 function x(){return 1}

return 值

放到函数中

return 值 有返回值的函数

return 跳出函数

三元运算(三目运算)经常代替 if else

if语句

if(睡觉){

做梦}

else{

掌握三元运算}


三元运算

睡觉? 做梦:掌握三元运算

条件(xx==c=xxx)?满足执行:不满足执行

       

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,163评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,301评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,089评论 0 352
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,093评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,110评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,079评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,005评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,840评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,278评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,497评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,667评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,394评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,980评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,628评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,796评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,649评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,548评论 2 352

推荐阅读更多精彩内容

  • if 变量名 开发者起的一个名字 注意 1.不能使用关键字 定义变量名 2.不能以数字开头 3.不能以特殊符号开头...
    4u_394b阅读 234评论 0 1
  • javascrpit 基础语法 1.语句:通常一行代码如果添加了分号 认为这是一条语句使用分隔 2.变量:目的:通...
    言术阅读 410评论 0 2
  • 1、js是什么 js是可以嵌入到html中,是 基于对象 和 事件驱动 的 脚本语言 特点: (1)交互性 (2)...
    Sunflower_ca62阅读 365评论 0 1
  • 今天感恩节哎,感谢一直在我身边的亲朋好友。感恩相遇!感恩不离不弃。 中午开了第一次的党会,身份的转变要...
    迷月闪星情阅读 10,562评论 0 11
  • 彩排完,天已黑
    刘凯书法阅读 4,208评论 1 3