美文网首页
JavaScript基本语法(不完全)0709

JavaScript基本语法(不完全)0709

作者: 煤球快到碗里来 | 来源:发表于2019-07-10 11:26 被阅读0次

JavaScript

JavaScript书写格式注意点

1、默认情况下浏览器会从上至下的解析网页, 所以如果将JavaScript写到一对head标签中, 并且需要通过JavaScript代码操作界面上的元素, 那么就不能直接书写JavaScript代码, 否则无效(因为还没有解析下面的)

  • 如果想将JavaScript写到一对head标签中, 并且需要在JavaScript代码中操作界面上的元素, 那么必须加上window.onload = function(){操作界面元素的JavaScript}
  • window.onload的含义: 等到界面上所有的内容都加载完毕再执行{}中的代码
  • 由于默认情况下浏览器会从上至下的解析网页, 所以如果想通过JavaScript操作界面上的元素只需要等到元素被加载解析之后操作就可以了, 所以我们还可以将JavaScript代码写到body结束标签的前面

2 、如果通过外链式导入.js文件, 并且需要在.js文件中操作界面上的元素, 那么如果是在head标签中导入的, 必须在.js文件中加上window.onload. 如果是在body结束标签前面导入的, 那么就不用添加window.onload

3、如果需要在一对script标签中编写JavaScript代码, 那么就不能同时通过script标签再导入其它的.js文件, 否则书写的JavaScript代码无效

输出方式

1、alert(); confirm();(有取消按钮) prompt(); ==严格区分大小写,加分号==

2、通过网页内容区域来输出 documen.write();

3.console.log();

以上注意数字和文字的输出区别

常量

整型,实型(小数),bool型,字符串(不论单引号还是双引号),自定义 ==const 常量名=常量值==

变量

1.var 名称 = 变量值; 没有初始化就是undefine

JavaScript可以同时对多个值相同的变量初始化,如 num = value = 123;可以定义的同时初始化,也可以先定义再初始化.

2.注意点:

  • 在JavaScript中变量之间是可以相互赋值的
  • 在JavaScript中如果定义了同名的变量, 那么后定义的变量会覆盖先定义的变量
  • 在老版本的标准的(ES6之前)JavaScript中可以先使用变量, 再定义变量, 并不会报错,由于JavaScript是一门解释型的语言, 会边解析边执行, 浏览器在解析JavaScript代码之前还会进行一个操作"预解析(预处理)"
    • 预解析(预处理)步骤:将当前JavaScript代码中所有变量的定义和函数的定义放到所有代码的最前面

3.为了解决老板标准的的两个注意点

  • 在JavaScript中如果定义了同名的变量, 那么后定义的变量会覆盖先定义的变量==(忘记前面起的名字不就挂了)==
  • 在老版本的标准的(ES6之前)JavaScript中可以先使用变量, 再定义变量, 并不会报错
  • ES6之前: var 变量名称 ==ES6开始: let 变量名称==
  • let num = 666; let num = 888;(明确报错不会产生以前的影响)

关键字

  • 被JavaScript语言赋予了特殊含义的单词,关键字严格区分大小写, var和Var前者是关键字, 后者不是.只需要记住一点: 在JavaScript中所有的关键字都是小写的.
  • 关键字在开发工具中会显示特殊颜色
  • 关键字不能用作变量名、函数名等

标识符

  • 与C语言java一样 (变量的命名规范)

注释

  • 单行注释: // 被注释的内容
  • 多行注释: /* 被注释的内容 */

JavaScript数据类型

  • .基本数据类型

    • Number 数值类型
    • String 字符串类型
    • Boolean 布尔类型
    • Undefined 未定义类型
    • Null 空类型
  • 引用数据类型

    • Object 对象类型
  • 在JavaScript中为了方便我们检测某一种数据是属于哪一种数据类型的, JavaScript提供了一个名称叫做typeof的操作符==格式: typeof 需要检测的数据;== let res = typeof 123;

    • ==我们需要注意一下Undefined类型比如下面这段代码==

    • let num;
      // 以下代码的含义是输出num变量中保存的数据
      // 由于没有给num这个变量进行初始化, 所以这个变量中保存的数据默认是undefined这个值
      console.log(num);
      // 利用typeof检查num中保存的数据是什么类型的
      // 也就是说利用typeof检查undefined是属于什么类型的
      let res = typeof num;
       console.log(res);
      
      

数据类型转换

  • 转换为字符串类型

    • 对于Number类型和Boolean类型来说, 可以通过 变量名称.toString()的方式来转换(undefined和null不能)

    • 可以通过String(常量or变量),转换为字符串,undefined和null能用

      • // 以下代码的含义: 根据传入的数据重新生成一个新的字符串
        let str = String(value);
        console.log(str);
        console.log(typeof str);
         // 注意点: 不能使用常量直接调用toString方法, 因为常量是不能改变的
        let str2 = 123.toString();
        
        
        
    • 还可以通过 变量or常量 + "" / 变量or常量 + ''转换为字符串

相关文章

  • JavaScript基本语法(不完全)0709

    JavaScript JavaScript书写格式注意点 1、默认情况下浏览器会从上至下的解析网页, 所以如果将J...

  • JavaScript01_基础知识

    一、基本语法 基本语法 JavaScript的每个语句以;结束,语句块在花括号内{...}。 JavaScript...

  • JavaScript基本语法03

    原文博客地址: JavaScript基本语法03 书接上文JavaScript基本语法, 记录了JavaScrip...

  • JavaScript基本语法

    1.语句 statement var a = 1 + 3 ; 语句以分号结尾var 命令 a变量 1+...

  • JavaScript 基本语法

    常见用途 HTML DOM 操作(结点操作,比如添加、修改、删除结点) 给网页增加动态功能 js 输出与调试

  • JavaScript 基本语法

    JavaScript 的基本语法 语句 JavaScript 程序的执行单位为行(line),也就是一行一行地执行...

  • JavaScript基本语法

    初识JavaScript JavaScript的组成 完整的JavaScript是由ECMAScript(语法)、...

  • JavaScript基本语法

    编写位置 我们的JS代码需要编写到 标签中 我们一般将script标签写到head中。(和style标签有点像) ...

  • JavaScript基本语法

    JavaScript历史 JavaScript,通常缩写为JS,是一种高级的,解释执行的编程语言[5]。JavaS...

  • JavaScript 基本语法

    编写位置 我们目前学习的JS全都是客户端的JS,也就是说全都是需要在浏览器中运行的,所以我们我们的JS代码全都需要...

网友评论

      本文标题:JavaScript基本语法(不完全)0709

      本文链接:https://www.haomeiwen.com/subject/gwbckctx.html