JS 学习笔记一 (基础)

简介: JS 学习笔记一 (基础)

1. 生命周期


htmI页面中出现


推荐将 JS 代码写在 html 结束标签后面。 推荐将多个 JS 文件合成一个 JS 文件。


  • 外链式


3. 输出消息的几种方式


  • alert() 在页面弹出一个对话框,早期 JS 调用使用。


alert("");


  • confirm() 在页面弹出一个对话框,比 alert 弹出的框多了一个取消按钮,常配合 if 判断使用。


confirm("");


  • console.log() 将信息输入到控制台,用于 JS 调试。


console.log("");


  • prompt() 在页面弹出一个对话框,弹框上可以输入信息。


prompt("");


  • document.write("") 在HTML页面中输出消息,支持输出标签。


document.write("");


4. 命名规范


  • 不能使用纯数字或数字开头定义变量
  • 不能使用纯特殊字符或者开头(“_”除外)定义变量
  • 不推荐使用汉字定义变量
  • 不能使用关键字定义变量
  • 不推荐使用保留字定义变量
  • JS中区分字母大小写。


5. 简单数据类型


  • 数据类型判断


typeof("");


  • number : 数字类型
  • string : 字符串类型
  • boolean : 布尔类型
  • undefined : 变量未初始化


var str; // 定义了变量,但是没有给变量赋值,那么该值数据类型就是 undefined。


  • null : 空值空对象


var str = null; // 表示变量值为空 ,该变量在内存中是不存在的,真正的空。数据类型位 object。


  • Date 使用


  • Math 使用


  • 数字类型转字符串


var num = 1; var str= String(num); var str= num.toString();


  • 字符串转数字类型


◇ Number


var num = Number("1");


☆ 数字类型的字符串,转换之后得到的数字。 ☆ 非数字字符串,转换之后得到是NaN。 ☆ 小数类型的字符串,转换之后得到的是原数字。


◇ parseInt


var num = parseInt("1");


☆ 整数数字类型的字符串长转换之后得到的整数数字。 ☆ 数字开头的字符串,转换之后得到的是前边的数字。 ☆ 非数字开头的字符串,转换之后得到的是NaN。 ☆ 小数类型的字符串,转换之后取整。


◇ parseFloat


var num = parseFloat("1");


☆ 整数数字类型的字符串,转换之后得到的整数数字。 ☆ 数字开头的字符串,转换之后得到的是前边的数字。 ☆ 非数字开头的字符串,转换之后得到的是NaN。 ☆ 小数类型的字符串,转换之后得到的是原数字。


◇ Boolean


var bl = Boolean("1");


☆ 数字和字符串转完之后为true。 ☆ undefined、null、 0转完之后为false。


6. 等号运算符

  • “==” 只判断内容是否相同,不判断数据类型。
  • “===” 不仅判断内容,还判断数据类型是否相同。
  • “!=” 只判断内容是否不相同,不判断数据类型。
  • “!==” 不仅判断内容是否不相同,还判断数据类型是否不相同。

7. JS中offsetTop、clientTop、clientX、scrollTop各位置属性详解

JS中offsetTop、clientTop、scrollTop、offsetTop各位置属性详解 offsetTop


箭头函数


注意使用 try{ } catch (error) { } 包裹起来使用,不然在部分浏览器会有问题。


import Vue from 'vue'
  import Vuex from 'vuex'
  Vue.use(Vuex)
  let defaultCity = '上海'
  try {
     if (localStorage.city) { defaultCity = localStorage.city }
  } catch (error) { }
  export default new Vuex.Store({
      state: {
        city: defaultCity
      },
      mutations: {
        changeCity (state, city) {
          state.city = city
            try {
                localStorage.city = city
            } catch (error) {  }
         }
      }
  })

  • 实参与形参
  1. 比如你定义一个函数 void add(int a, int b),这里的a和b就是形参。
  2. 当你进行函数调用的时候,add(1, 2),这里的1和2就是实参。

相关文章
|
2月前
|
前端开发 JavaScript API
JavaScript学习笔记(一)promise与async
JavaScript学习笔记(一)promise与async
|
3月前
|
存储 JavaScript
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
23 0
|
5月前
|
前端开发 JavaScript Python
javascript入门学习笔记打卡(2)
javascript入门学习笔记打卡(2)
21 0
|
7月前
|
JavaScript 前端开发
JS 学习笔记四(DOM) 悬停事件 获取节点
JS 学习笔记四(DOM) 悬停事件 获取节点
33 0
|
7月前
|
JavaScript
JS 学习笔记四(DOM)(节点)
JS 学习笔记四(DOM)(节点)
27 0
|
7月前
|
JavaScript 前端开发 Java
js学习笔记
js学习笔记
35 0
|
8月前
|
前端开发
前端学习笔记202305学习笔记第三十三天-js-使用const声明变量特点
前端学习笔记202305学习笔记第三十三天-js-使用const声明变量特点2
43 0
|
8月前
|
前端开发
前端学习笔记202305学习笔记第三十四天-js-引出闭包3
前端学习笔记202305学习笔记第三十四天-js-引出闭包3
58 0
|
8月前
|
前端开发
前端学习笔记202305学习笔记第三十四天-js-this绑定的优先级2
前端学习笔记202305学习笔记第三十四天-js-this绑定的优先级2
32 0
|
8月前
|
前端开发 JavaScript
前端学习笔记202306学习笔记第四十三天-在node版本中运行js之1
前端学习笔记202306学习笔记第四十三天-在node版本中运行js之1
37 0