美文网首页
JavaScript - 基础 - 1

JavaScript - 基础 - 1

作者: iWander | 来源:发表于2019-01-10 09:15 被阅读0次

之前有点HTML、CSS的基础,标签啊、样式啥的,随用随查吧,所以直接开始JavaScript的学习了。

用法

脚本需要放到<script></script>标签中间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

  • 应用外部JavaScript
    <script src="../click.js"></script>

输出

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中。
    请使用 document.write() 仅仅向文档输出写内容。
    如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log() 写入到浏览器的控制台
    console.log()这个之前用的最多,调试基本都用它。
    window、document这两个目前还不太会用,后边看到相关章节再记录一下。

数据类型

值类型(基本类型)

  • 数字(Number)
  • 字符串(String对象
    • indexOf() 返回某个指定的字符串值在字符串中首次出现的位置
    • replace(source,destination) 在字符串中查找匹配的子串, 并替换与正则表达式匹配的子串。
    • slice(start,end)
    • split(',') 按照某个规则分割字符串,生成一个数组
    • substr(start,length)
    • substring(from,to)
      *布尔(Boolean)
  • 对空(Null)
  • 未定义(Undefined)
  • Symbol

引用数据类型

  • 数组(Array对象
  • 对象(Object)
  • 函数(Function)

JavaScript 字母大小写比较敏感

JavaScript typeof, null, 和 undefined

  • typeof
typeof "John"                 // 返回 string 
typeof 3.14                   // 返回 number
typeof NaN                    // 返回 number
typeof false                  // 返回 boolean
typeof [1,2,3,4]              // 返回 object
typeof {name:'John', age:34}  // 返回 object
typeof new Date()             // 返回 object
typeof function () {}         // 返回 function
typeof myCar                  // 返回 undefined (如果 myCar 没有声明)
typeof null                   // 返回 object
  • null
    在 JavaScript 中 null 表示 "什么都没有"。
    null是一个只有一个值的特殊类型。表示一个空对象引用。
    用 typeof 检测 null 返回是object。
  • undefined
    在 JavaScript 中, undefined 是一个没有设置值的变量。
    typeof 一个没有值的变量会返回 undefined。
var person;                  // 值为 undefined(空), 类型是undefined
  • undefined 和 null 的区别
    null 和 undefined 的值相等,但类型不等:
typeof undefined             // undefined
typeof null                  // object
null === undefined           // false
null == undefined            // true

类型转换

这里有些知识点需要特殊对待比如typeof、constructor属性

相关文章

网友评论

      本文标题:JavaScript - 基础 - 1

      本文链接:https://www.haomeiwen.com/subject/dgswrqtx.html