Js的入门语法及基础使用

160 阅读2分钟

Js的入门语法及基础使用

1.Js分为两种数据类型:基本数据类型 和 引用数据类型

(1)简单数据类型

字符串:String

var str = 'hello world'

数值类型:Number

var num = 123

布尔类型:Boolean

var flag = false || true

Null值:null有时候会被当作一种对象类型,但对null执行'typeof null'操作的时候,返回字符串'object',所以实际上,null本身是基本类型

var n = null

Undefined

var u = undefined

(2)复杂数据类型

除开基本数据类型,其他的一切都是对象,Object { }、[ ]、function也是对象(复杂数据类型较为复杂,我们不放在入门板块进行展开分析)

对象可以通过两种形式定义:声明(文字)形式和构造形式

文字形式(我们以后的大多时候用的都是这种形式)

var obj={
a:1,
b:'abc'
}

构造形式

var obj = new Object( );
obj.key = value;

2.聊完Js的两大数据类型,我们来聊聊,Js中的node使用工具

(1)首先当然是要下载一个node工具了,我们可以直接到浏览器搜索“node中文版”,进行下载,下载完后配置变量那一块,可以一路next下去,即可完成下载

(2)然后打开vs code,输入一个简单的Js语句,ctrl + ~ / 右键文件,点击在集成终端打开,即可使用node进行编辑

 console.log('hello world')

(3)node 运行方式:先确定运行文件名与准备运行的代码的文件名是同一个文件,then'node'+' '+需要运行的代码文件(输入前面几个字母即可,完整的可用tab建生成,如:PS D:\WN_FULLSTUCK_AI-MASTER\leetCode\array> node .\type.js

image.png

(4)完成以上步骤,摁下Enter键,即可得到运行结果

image.png

3.最后我们再谈谈Js的代码书写规范

学习一门语言,最开始的时候就应该规范好自己的书写习惯,以下几个代码规范应该从现在开始养成

(1)驼峰式命名

sendFlower:function(receiver){
       receiver && receiver.receiverFlower(aas);
    }
   }

(2)结尾以“ ; ”结束

console.log('下次再约');

(3)多写注释

// 创建一个图片对象image
            const image = document.createElement('img');

单行注释用' // ',多行注释用' <!----> ',也可以选中要注释的内容,摁下' ctrl+/ '

(4)熟悉自己公司的开发要求

而我们大部分人的目标应该都是剑指大厂的,每个大厂可能会有一些不同的代码规范,我们未来进大厂了,写代码前应该读一读相应的开发规则,以免挨批