• JavaScript的学习(入门一)


    了解

    1.JavaScript是一种编程语言,属于高级语言,是一个解释型语言

    2.javas是一种脚本语言,其源代码在发往客户端运行之前不需要经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行

    3.解释型语言:程序执行之前,不需要编译,直接运行时边解析边执行的语言。

       编译型语言:程序执行之前,需要一个专门的编译过程,把程序编译成为机器语言的文件(如:exe文件)

    4.JavaScript的组成:①ECMAScript----------->JavaScript的语法标准

                                      ②DOM--------------------->JavaScript操作页面上的元素的API

                                      ③BOM--------------------->javasc操作浏览器的部分功能的API

    (注释:API(Application Programma Interface)应用程序编程接口)是一些预先定义的函数

    5.使用场景:前端开发,后端开发,移动端开发

    知识:

    一.JavaScript的语法规范:

    1.JavaScript的三种书写格式:

    ①行内式:例如(<button onclick="alert(‘因为梦想所以选择远方,因为无所依靠所以必须坚强’);">因为梦想所以选择远方,因为无所依靠所以必须坚强</button>)

    ②页内式:---->a.标签中的js代码一般是写在文档的尾部

                     ----->b.网页是从上至下加载,js代码通常是给标签添加交互 

                      例如(</body>

                                       <script type="text/javascript">

                                             alert("因为梦想所以选择远方,因为无所依靠所以必须坚强!");

                                      </script>

                                 </html>

                                 或

            </body>

                                       <script>

                window.onload=function(){

                    alert("因为梦想所以选择远方,因为无所依靠所以必须坚强!");

                } 

                                      </script>

                                 </html>

                               )

    ③外链式------->如果使用了外链式格式,就不能再外链式的script里面写上代码,因为写上的代码是不会执行的。

    错误:<script type="text/javascript">function(){alert('因为梦想');}</script>

    2.常用的输出方式

    ①用网页弹出显示框,显示信息

    <script type="text/javascript">
      alert("因为梦想,所以选择远方");
    </script>

    ②将内容写到 HTML 文档中

    <script type="text/javascript">
      document.writeln("因为梦想,所以选择远方");
    </script>
    ③写入到浏览器的控制台

    <script type="text/javascript">
      console.log("因为梦想,所以选择远方");
    </script>

    打开网页的时候会发现网页上什么都没有,是因为这个不是给用户看的,而是给开发者看的,如果要看可以按F12到开发者工具中的控制台输出那里看。

    3.注意事项:

    ①一行代码结束后必须在代码的最后加上;

    ②严格区分大小写

    ③会忽略多个空格和换行

    4.JS如何换行输入:(使用<br>)

    document.write("好友"+"<br>"+"列表");
    结果:

    二.常量,变量,关键字,标识符

    1.常量:

    ①整型常量-------->(控制台输出)是蓝色的字

    ②浮点数常量------>(控制台输出)是蓝色的字

    ③字符串常量------>用单引号或双引号括起来的-------->(控制台输出)是黑色的字

    ④布尔型常量

    2.特殊字符:

    ①换行:

    ②制表符:

    ③回车:

    3.变量:

    ①定义:var 变量名称;

    例如:var name;

    可以定义多个变量,例如:var name,age,birthday;

    ②为变量赋值:

    例如:name = '呼啦啦';      //注意:=的左右两边各加一个空格,赋值的时候,=号的左侧必须是个变量

    4.关键字:(不能作为变量名,函数名,关键字严格区分大小写)

    break  case  catch  continue  debugger*   default   in  do  else  finally  for  function  if  try   

    instanceof  new  return  switch  this  throw  typeof  var  void  while  with  delete

    5.保留字:(预留的关键字,不能作为变量名,函数名)

    class  const   enum  export  extends   import   super  implements   private   yield

    package  static  let  protected

    6.标识符:(可以自主命名)

    规则:①可以有字母,数字,下划线,$符号

              ②不能以数字开头

              ③不能是ES中的关键字或保留字

              ④严格区分大小写

              ⑤一般采用驼峰命名法(首字母小写,每个单词的开头字母大写,其余字母小写)

     7.数据类型

    ①Number   数字类型------>不区分整型数值和浮点型数值(在js中所有的数值都是Number类型)

    在JS中对数值进行计算时没有结果返回,则返回NaN

    ②String      字符串类型----->由单引号或双引号括起(单独的一个字母也被称为字符串)

    注意:相同引号不能嵌套,不同引号可以嵌套

    ③Boolean   布尔类型-------->只能取真(true)和假(false),也代表1和0

    注意:<1>任何非零的数值都是true,包括无穷大,只有0和Nan是false

              <2>任何非空字符串都是true,只有空字符串是false

              <3>任何对象都是true,只有null和undefined是false

    Undefined表示变量未赋值,这种类型只有一种值就是undefined,undefined是Undefined类型的字面量

    Null类型只有一种值就是null,语义上看null是一个空对象,用typeof返回的是Object类型

    在js中两等号(==)是值比较,三个等号(===)是值比较和类型比较

    ④undefined 变量未初始化

    ⑤null           空类型

    ⑥Object       对象类型

    ⑦Array        数组类型

    查看数据类型可以用 typeof 操作符,查看的类型可以以字符串的形式返回给我们

    8.数据类型的转换:

    ①toString() ----------------->注意:null和undefined没有toString()方法

    不会影响原变量

    例如:

    <script>

      var num=123;

      var str=num.toString();
      console.log(str);
    </script>
    ②String函数
    例如:
    <script>
      var num=100;
      console.log(String(num));
    </script>
    ③任何数据和加号(+)连接到一起都会转换为字符串
    例如:
    <script>
            var num=666;
            var str="因为梦想";  
            console.log(num+str);
    </script>
     
    ⑨对一个值进行两次取反,它不会发生变化
     
    ⑩如何从键盘接收数据:(由于键盘所接收的是字符串,如果你需要的是数字则需转换为数字)
    num1=Number(prompt("请输入第一个数"));
    或者
    num1=+(prompt("请输入第一个数"));
     
  • 相关阅读:
    转载:MyBatis获取插入记录的自增长字段值
    006---抽象类
    005---组合
    004---继承与派生
    003---属性查找和绑定方法
    002---类与对象
    001---面向对象和面向过程的区别
    017---Django的中间件解决跨域
    10---git安装
    007---归并排序
  • 原文地址:https://www.cnblogs.com/jxt-icanfly/p/10507808.html
Copyright © 2020-2023  润新知