首页 > 编程语言 > 详细

JavaScript基础语法

时间:2020-04-20 19:21:17      阅读:45      评论:0      收藏:0      [点我收藏+]
- javascript,简称,js
1、js的书写
 写在哪
   
 - css写在哪
       
  - 内联(行内):属性形式:style="样式属性:样式属性值"
       
  - 内部:style双标签,包裹css样式
       
  - 外部(外联):link单标签,的href属性,引入css文件的路径
     - js写在哪
       
  - 内联(行内):属性形式:事件触发
           
   - `<input type="button" onclick="alert(‘hello world‘)" value="点我试试">`
           
   - 不建议使用,结构和行为的分离,优化项目,便于管理
           
   - 为了测试方便
       
  - 内部:script双标签,包裹js代码
         
     ```html
           
    <script>
               
     alert("没有人点,我也hello world")
           
    </script>
            ```
           
   - 不太建议内部,结构和行为的分离,非公共行为部分,简单行为,可以放在当前页面
                    - 公共行为:好几个页面都要用到的行为,叫公共行为
           
  - script标签可以放在哪?
               
   - 可以放在任何位置
               
    - 行业习惯:
                   
     - head标签内
                   
     - body后:内部的最后;外边的最后;没有区别
                   
     - script标签,放在不同的位置,执行顺序受到了影响。目前如果不是特殊要求,       暂时将script标签写在body的后面
 
     - 按需放置位置      
 - 外部(外联):script双标签,通过**src**属性,引入js文件的路径
           
  - 创建js文件,再在html文件中使用script双标签,通过**src**属性,引入js文件的路径
           
            
       
 - 注意:错误写法
           
  ```html
           
  <script src="./hello.js">
               
   alert("没有人点,我也hello world")
          
  </script>
            ```
          
   - 不允许在引入外部js的script标签内,写js代码,写了,也不会执行
2、javascript的组成
 
- ECMAScript:语法,规定,规则,法律,规定了,以什么样的格式,写代码
 
- BOM:浏览器对象模型,提供了浏览器的操作
 - DOM:文档对象模型,提供了网页的操作
  
- 关系:ECMAScript规定了,写什么样的代码,在BOM中操作DOM
3、打印信息的方式
 - 什么叫打印信息,不是输出信息,是**打印**:
   
  - 将计算机的执行结果或数据,给用户呈现出来
 
- 打印到浏览器的弹出框,操作的是BOM对象,浏览器
   
  - `alert()`
 
- 打印到页面,操作的是DOM对象,页面
   
  - `document.write()`
 - 打印到浏览器的控制台,操作的是BOM对象,浏览器(操作的V8引擎)
  
  - `console.log()`
4、js的注释
 - 单行注释
   
  - // 单行注释
 
- 多行注释
   
  - /* 多行注释,可以换行 */

5、数据
 概念
  - 分门别类,记录信息的方式
 数据的类型(常见的)
  - 字符型(string):必须加引号:单‘‘、双""、反``;任何数据,只要加了引号,就是字符!!!
  
- 数值型(number):29
  
- undefined(undefined):undefined,未赋值,不是未定义
  - 布尔值(boolean):true、false
- 对象(object):标志是{},并不是绝对的
  
- 函数(function):标志是function,并不是绝对的
   
  - null(object):null,不是空对象,空值,虚无
   
  
- 注意:
   
   - 描述,空的时候,除了null,其他都要加 类型
       
    - 空 字符:""
       
    - 空 对象:{}
       
    - 空 函数:function(){}
       
    - 空 数组:[]
       
    - null:null
       
    - undefined未赋值:undefined
 
如何检测数据类型
  
- 通过typeof关键字,检测数据类型
   
   - typeof 要检测的数据或变量
       
    - `typeof 变量或数据`
   
   - typeof(要检测的数据或变量)
       
    - `typeof(变量或数据)`
   
   - typeof的检测的结果的数据类型,必然是字符型数据
       
    - `typeof typeof 变量或数据`

6、变量
 - 当程序中,需要重复操作某些相同数据的时候,为了方便,可以将数据起个别名,通过这个别名,找到数据,使用,    这个别名,就叫变量
 
- 语法
   
  - 通过var的关键字,声明
       
   - var a;
   
  - 通过赋值的方式,将数据,存到变量中:一个等号赋值
      
   - var a = "hello";
   
  - 将等号右侧的数据,存在左侧的变量中(将等号右侧的数据,起了一个别名叫等号左边的单词)
 
- 关键字
   
  - 被ECMAScript定义了功能的单词
 
- 保留字
   
  - 暂时还没有被ECMAScript定义了功能,但是将来有可能被定义功能的单词
 
- 变量名的规则
   
  - 必须以 `字母,_,$` 开头
   
  - 不允许出现 `字母,_,$,数字` 之外的内容
   
  - 不建议使用中文,有兼容,不仅浏览器有兼容,操作系统也会有兼容,在公司中,容易挨揍
   
  - 尽量语义化
       
   1. 词必达意
       
   2. 建议使用当前数据类型的首字母作为前缀
       
   3. 尽量使用驼峰式
           
    - 小:从第二个单词的首字母开始大写,常用
           
    - 大:从第一个单词的首字母开始大写,面向对象中,专用
   
   - 不允许使用关键字或保留字
       
    - 诀窍:如果担心是关键字或保留字,可以在单词前加前缀
 - 注意
   
  - 变量名,千万别加,引号!!!!!

JavaScript基础语法

原文:https://www.cnblogs.com/dajia0809/p/12739621.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!