资讯专栏INFORMATION COLUMN

一只前端小白的JS note

chavesgu / 2662人阅读

摘要:是一个运行在浏览器端的脚本语言现在已经不仅仅局限于浏览器端是一门解释型动态类型的语言解释型指语言在执行时不需要编译,由浏览器自动编译基本语法区分大小写是一种区分大小写的语言定义变量名称一般用小写定义常量名称一般用大写空格和换行中会

JavaScript
- JavaScript是一个运行在浏览器端的脚本语言(现在已经不仅仅局限于浏览器端)
- JavaScript是一门解释型、动态类型的语言
- 解释型指语言在执行时不需要编译,由浏览器自动编译

基本语法:
    
- 区分大小写:
 JS是一种区分大小写的语言   定义变量名称一般用小写   定义常量名称一般用大写

 
 
-空格和换行
 JS中会忽略多个空格和换行,所以我们可以利用空格和换行来对代码进行格式化
 采用整齐的缩进形成统一的编码风格 提高代码的可读性
 
-可选的分号
 JS语句一般以一个分号作为结尾  JS也允许忽略这个分号
 语句写在同一行不能省略分号
 
 
-单行注释  
//

-多行注释
/**/

字面量和变量 字面量
        - 字面量就是一个一个的值,比如:123  , 1 ,2 ,"hello" , true , undefined
        - 字面量都是不可变的
        - 字面量可以在页面中直接使用,但是不太方便
        
变量
        - 变量是存储数据信息的容器
        - 变量可以用来保存字面量,变量中保存的字面量可以任意的修改
        - 一般我们都是通过变量去保存字面量,而不直接使用字面量
        - 变量的使用:               
                    使用var关键字声明:

                        var a;
                        var b;
                        var c , d , e;
                    为变量赋值
                    a = 1;
                    b = true;
                    c = "hello";
                   声明和赋值同时进行
                    var a = 1;
                    var b = true;
                    var c = "hello" , d = 1 ;
常量
   常量是一个只读的变量
   常量的数据一旦被定义就不能修改
   常量的声明:
        使用const关键字声明:
           const NUMBER=1
       常量的声明 必须赋值  否则会报错
         const NUMBER      //SyntaxError: Missing initializer in const declaration
            - 命名的规则
            - 在js中所有可以自己命名的内容都有一个规则
                比如:变量名、函数名
            - 命名要遵循如下的规范:
                1.名称中可以含有字母、数字、_、$,但是不能以数字开头
                2.名称不能是JS中关键字或保留字
                3.名称最好遵循驼峰命名法
                4.最好有明确的含义    
                var myname="宋佳";
                var myName="宋佳";
                var my_name="宋佳";  
        声明的问题
          重复声明
          使用var重复声明 之前存储的数据被覆盖
              var text="hello world"
               console.log(text);   //  hello world
              var text="2018 HOLA"    
              console.log(text);   //    2018 HOLA
变量的使用
      var text ;  //只声明未赋值
      console.log(text) ;  //undefined    
      
      
     console.log(yourName)  // yourName is not defined    此变量没有被定义  


     var msg="来支舞吧!"   
     console.log(msg)   //来支舞吧!
     var msg="我的舞姿好看的要死"
     console.log(msg) //我的舞姿好看的要死      重新赋值
数据类型
    - 数据类型指的就是js中可以使用的值的类型
    - 在JS中一共有6种数据类型:
        其中基本数据类型有5种
String(字符串)
                    - 相同类型的引号间不能嵌套
                    - 使用  作为转义字符

                         ==> 
                        " ==> "
                        " ==> "
                        	 ==> 制表符
                        
 ==> 换行
                     使用typeof检查一个字符串时,会返回 string    
Number(数值)
                - 在js中所有的整数和浮点数都是Number类型
                  -整数类型:正整数、0和负整数
                  -浮点类型:小数
                  
                        var floatNumber=0.1;   //0.1
                        var float_number=.2    //0.2    不推荐使用
                      四舍五入误差
                      var num=0.3-0.2;
                      console.log(num)   //0.09999999999999998
                

  
                - 特殊的数字:
                    Infinity 表示无穷
                    NaN 表示非法的数字
                    
                - 其他进制的数字
                    十六进制 0x开头
                    八进制  0开头
            
                - 使用typeof检查一个数值时会返回number
            
Boolean(布尔值)
                - 布尔值用于逻辑判断,只有两个值true 和 false
                - 使用typeof检查会返回boolean
            
Undefined(未定义)
                - Undefined类型的值只有一个 undefined
                - 使用typeof检查会返回 undefined
            
Null(空值)
                - Null类型的值只有一个 null
                - 它专门用来表示为空的对象
                - 使用typeof检查null时,会返回object
        


        

引用数据类型有1种

Object(对象) surprise
        console.log("xxxyyy")       如何让xxx和yyy分行显示?
        
        console.log("xxx
yyy")    //xxx
                                   //yyy 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/96647.html

相关文章

  • 一只前端小白JS note

    摘要:数据类型转换转换为强制类型转换方法如果调用和的会报错函数对于具有方法类型,也会调用它的来进行转换对于直接将其转换为对于直接将其转换为隐式类型转换通过为任意类型加上一个空串的形式将其转换为字符串转换为强制类型转换函数转换的情况字符串如果是一个 数据类型转换 转换为String 强制类型转换 1. toString()方法: var a=10; ...

    xiaowugui666 评论0 收藏0
  • Java学习记录

    摘要:面向对象编程的三四大特征封装,继承,多态,抽象基础语法数组或字符串组或循环用来迭代选择类中构造方法的原则是只实现自己的功能是一个类字符串常量池是堆中的一个存字符串值的一个集合他的赋值方式有两种张三创建两个对象字符串常量池和堆内存中张 面向对象编程的三(四)大特征封装,继承,多态(,抽象) 基础语法: 数组(int[] a或 int a[])、字符串组(String []a或 Stri...

    idisfkj 评论0 收藏0
  • Python到底能做什么?

    摘要:数据科学包括机器学习,数据分析和数据可视化首先,机器学习是什么解释机器学习的最佳方法是给你一个简单的例子。机器学习算法的工作方式大致相同。这是一个人们竞争为特定问题构建最佳机器学习算法的网站。 showImg(https://segmentfault.com/img/remote/1460000018887722); 来源 | 愿码(ChainDesk.CN)内容编辑 愿码Sloga...

    Lionad-Morotar 评论0 收藏0
  • Python到底能做什么?

    摘要:数据科学包括机器学习,数据分析和数据可视化首先,机器学习是什么解释机器学习的最佳方法是给你一个简单的例子。机器学习算法的工作方式大致相同。这是一个人们竞争为特定问题构建最佳机器学习算法的网站。 showImg(https://segmentfault.com/img/remote/1460000018887722); 来源 | 愿码(ChainDesk.CN)内容编辑 愿码Sloga...

    YacaToy 评论0 收藏0
  • 2017-08-27 前端日报

    摘要:前端日报精选如何合理地设计的深入了解一个超快的引擎也称全面了解作用域源码分析二奇淫技巧总结整理下前端江湖面试对自己有益的题目。 2017-08-27 前端日报 精选 如何合理地设计Redux的State深入了解一个超快的 CSS 引擎: Quantum CSS (也称 Stylo) ★ Mozilla Hacks全面了解JS作用域Zepto源码分析(二)奇淫技巧总结整理下《前端江湖面试...

    itvincent 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<