专栏首页菜鸟计划javascript 基本概念

javascript 基本概念

一、在HTML中使用javascript

1.直接是用<script></script>标签。

2.外部引入

<script type="javascript" src="../app/js/test/test1.js"></script>

一般会放在浏览器的底部,让页面先加载出来,避免JS文件过多过大时,页面加载延迟,出现一直空白的情况。

文档类型

DOCTYPE是Document Type(文档类型)的简写,在页面中,用来指定页面所使用的XHTML(或者HTML)的版本。

不同文档模式主要影响CSS内容的呈现,尤其是浏览器对盒模型的解析,但在某些情况下也会影响到JavaScript的解释执行。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

一般分为标准模式和混杂模式两种

如果在文档开始处没有发现文档类型声明,则所有浏览器都会默认开启混杂模式!

总的来讲:混杂模式让IE像IE5,标准模式使用IE7的呈现引擎。

二、js基础概念

1.语法

好的编程习惯:要注意代码规范,语句结尾的分号虽然不是必需的,但是加上分号也会在某些情况下增进代码的性能,因为这样解析器就不必再花时间推测应该在哪里插入分号了。

变量:ECMAScript的变量是松散类型的,每个变量仅仅是一个用于保存值得占位符而已。

2. 6种数据类型

Number、String、Boolean、Undefined、Null。  (基本数据类型)

Object  (引用数据类型)  其实像array、function也是引用类型

可以用typeof操作符来判断是哪一种基本数据类型:

var message = "something"  alert(typeof message);   "string"

提一下基本包装类型:js提供了三种基本包装类型:Number、String、Boolean,方便我们来操作这些基本数据。

我们知道,基本类型不是对象,是没有方法的。实际上每创建一个基本类型的时候,后台会自动创建一个对应的基本包装类型的对象,保存在内存中,从而让我们能调用一些方法来处理这些基本数据。

Number

整型:3  一般用的都是十进制

浮点型:3.14  浮点数值的最高精度是17位  if(0.1 + 0.2 == 0.3){console.log("正确")}  是错误的,不要做这样的测试, 因为计算机底层的二进制算法是不一样的。

数值转换:  (基本不怎么会用到,了解一下就好)

var num1 = parseInt(22.5) //22 (不会四舍五入) var num2 = parseInt("123blue") //123  转换为整型

var num1 = parseFloat(22.5) //22.5  var num2 = parseFloat("098.5") //98.5 转化为浮点型

操作方法:  (这个是重点)

var num = 3.145; num.toFixed(2);  //3.15

单体内置对象Math对数字的一些处理方法:

Math.max(3.14,4.14)  //4.14    Math.min(3.14,4.14)  //3.14

Math.floor(3.54)  //3    Math.ceil(3.14)  //4    

Math.round(3.14)  //3  Math.round(3.54)  //4  四舍五入取整

Math.random()  //0.2345  大于等于0小于1的随机数

Math.abs(-3)  //3

String

字符串是不可变的,也就是说,字符串一旦创建,它们的值就不能改变。要改变某个变量保存的字符串,首先要销毁原来的字符串,然后再用另一个包含新值得字符串来填充该变量。

操作方法:

var age = 20;   age.toString();  //"20"

var name = "tom"  name.length   //3

var string = "abcde";

var result =string.slice(3,4);  //d

var result1 =string.split(); //["abcde"]  var result2 =string.split(''); //["a", "b", "c", "d", "e"] 
split分割是按字符串中的什么符号来分割,如果用空字符串 ("")来分割 ,那么 string中的每个字符之间都会","来分割。

Boolean  

只有两个值true和false  像if判断时就自动执行响应的Boolean

Undefined  

Undefined类型只有一个值就是undefined,只有在使用var操作符声明变量但未对其初始化时,该变量的值才为undefined  注意没有定义和没有初始化的区别

Null  

Null类型只有一个值就是null,表示一个空对象指针,定义该值的变量是准备保存对象的变量,在保存变量以前初始化为null

由于定义为null值的变量是准备保存object的,因此利用typeof操作符检索该变量,返回值为object。

如果定义的变量准备在将来用于保存对象,那么最好变量初始化为null,而不是其它值。

undefined派生自null值,因此undefined==null;  //true

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • javascript Object与Array用法

    引用类型:引用类型是一种数据结构,用于将数据和功能组织在一起。引用类型的值是引用类型的一个实例。 一、Object ECMAScript中的对象其实就是一组数据...

    柴小智
  • javascript 变量、作用域和内存问题

    一、基本类型和引用类型的值   1.基本类型和引用类型的值  基本类型值:指那些保存在栈内存中的简单数据,即这种值完全保存在内存中的一个位置,他们所占据的空间大...

    柴小智
  • redux基础概念及执行流程详解

    全局有一个公共的容器(所有组件都可以操作),我们可以在某个组件中把全局容器中的信息进行修改,而只要全局信息修改,就可以通知所有用到该信息的组件重新渲染(类似于发...

    柴小智
  • C#3.0新增功能03 隐式类型本地变量

    从 Visual C# 3.0 开始,在方法范围内声明的变量可以具有隐式“类型”var。 隐式类型本地变量为强类型,就像用户已经自行声明该类型,但编译器决定类型...

    张传宁老师
  • JavaScript 常用内置对象

    Devops海洋的渔夫
  • 如何防止网站被扒的解决方法!

    这个代码能够直接保护整个站,而不再是单个页面,直接把代码放到自己的网站上,如果是博客建议放到header.php头部文件,如果是单页面直接放到首页即可!

    空木白博客
  • 微信小程序中使用地图和定位的一些坑和经验

    首先,经过测试,使用GCJ02(火星坐标)比WGS84(GPS)的坐标在计算距离的时候更为精确。在微信小程序中使用内置接口获取用户坐标,代码放在app.js里:

    双面人
  • mapboxGL之风流图

    前面的文章说到了Openlayers4中风场的实现,本文将讲述如何在mapbox GL实现类似的效果。

    lzugis
  • 多线程真的会使用CPU所有的核吗?

    原文链接:http://www.jianshu.com/p/352caffd6366

    业余草
  • 多线程真的会使用CPU所有的内核吗?

    学习多线程的时候,我们都知道如果多个线程分配到CPU多个内核是可以并发的执行。但真的是这样的吗?

    用户5224393

扫码关注云+社区

领取腾讯云代金券