JavaScript--1

253 阅读2分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

一、Javascript特点

    1.解释性语言:一行行读取,一行行执行(不编译直接运行)

    2.动态类型语言:不确定一个变量的类型,so可以在代码执行过程中动态修改,非常灵活,但不安全

    3.可以用于:

            网页的交互

            服务端开发(Node.js)

            命令行工具(Node.js)

            桌面程序

            App(React Native)

            游戏开发(cocos2d-js)

            开发小程序

二、编写位置

    1.在HTML元素中直接执行javascript

图片

    2.在标签中

    3.外部引入js文件

<script src = "./js/test.js"> </script>

三、注意事项

  1. script标签不能写成单标签:即不能写成<script scr = "index,js"

  2. 省略type(type = "text/javascript")属性:因为Javascript是所有现代浏览器以及HTML5中的默认脚本文件

  3. 加载顺序:作为HTML文档内容的一部分,javascript默认遵守HTML文档的加载顺序,即自上而下的加载顺序;推荐将javascript代码和编写位置放在body子元素的最后一行

  4. Javascript中严格区分大小写,HTML元素和CSS元素不区分大小写

四、注释的写法总结

1.写法一(Ctrl + /)

 //单行注释

2.写法二(Shift + Alt +A)\

 /*  多行注释 */

3.写法三

 /**   * 文档注释 */

图片

五、javascript与浏览器的交互方式\

1.浏览器弹出弹框

alert("Hello world")

2.在控制台打印一般内容\

console.log("helloWorld""coderwhy",18)

3.DOM操作时

document.write("<h2>helloworld</h2>")

4.接受用户输入的一个内容

var age = prompt("请输入你的年龄")

图片

六、代码书写规范

  1. 多个单词使用驼峰标识
  2. 尽量见名知意
  3. 赋值=两边加上空格
  4. 一条语句结束,后面加一个;

七、利用加减特性,对两个数字进行交换(不使用临时变量)\

var num1 = 100;
var num2 = 200;
num1 = num1 + num2;
num2 = num1 - num2;
num1 = num1 - num2;
console.log(num1,num2)

八、数据类型

//基本数据类型//数值型(Number)、字符串型(String)、布尔型(Boollean)
//空类型(NULL)、未定义类型(undefined)
//查看数据类型的操作符
typeof()console.log(typeof "codewhy");
//stringconsole.log(typeof 123); 
//numbervar name = "ff"console.log(typeof name); 
//string
//typeof另一种写法console.log(typeof(codewhy));
//string

1.数值型(Number)

//数字类型能表示的最大数字和最小数字
console.log(Number.MAX_VALUE);
console.log(Number.MIN_VALUE);

图片

2.字符串型(String)

//转义字符\
console.log("ba\cd"e")
//ba\cd"e
//获取字符串长度:length属性
var name = "coderwhy";
console.log(name.lenght);

图片

3.布尔型(Boollean)

4.Undefine和NULL类型

//当声明了一个变量但未对其进行赋值时,类型为undefinedvar flag;
console.log(flag) 
//值hiundefined
//typeof对没有初始化和没有s声明的变量都会返回undefined
console.log(typeof flag);
//类型是undefined
//null (空)
//通常当一个对象(Object)不再使用时,可赋值为null
//undefined与null的关系
//undefined值实际上是由null值衍生出来的所以当比较两者是否相等时会返回true
//但转化为数字时,undefined为NAN,null为0

图片

5.数据类型转换

//转为数字 Number,parseInt,parseFloat
//1.字符串转为数字类型,当字符串不能转时,返回NAN(Not a Number)var num = Number("123");
//2.布尔->数字型
//true:1
//false:0
//3.undefined->数字型
//NAN
//4.NULL->数字型
//0

图片

//转为字符串
//1.toString()
var num = 123
console.log(num.toString();
//2.String(变量),各种类型都使用
//3.和字符串进行拼接//隐式转换:其他数据通过+与字符串进行拼接时,会自动转化为字符串类型
console.log(num + "")

图片

//转为布尔型1.Boolean()

图片

九、变量存储的本质

    基本数据类型存储在栈空间中,其他引用类型会在堆空间空间中,但会在栈空间中保存内存地址

图片