调用fun 与 fun ()区别

         在javaScript中调用方法时加（）与不加（）时，都不会出错，会出现两种不同的结果，当方法名加上（）调用时，可会执行方法中的逻辑，但如果不加（）时，则会将方法本身的信息打印出来，如下：

1
2
3
4
5
6
7
8
<script>
    function add(x , y){
        return x+y;
    }
    console.log(add(7, 8));   #15
    console.log(add);    #  function add(x , y){ return x+y;}  

</script>

javaScript中给某个标签赋值操作

1
2
3
4
5
6
7
8
# demo is tag id name
document.getElementById("demo").innerHTML = "content";
#demo is tag class name
document.getElementsByClassName("demo").innerHTML = "content";
# demo is tag name name
document.getElementsByName("demo").innerHTML = "content";
# input is tag name
document.getElementsByTagName("input").innerHTML = "content";

getElementByName

        该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。
另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。

getElementsByTagName

        getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
        getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。
        如果把特殊字符串 “*” 传递给 getElementsByTagName() 方法，它将返回文档中所有元素的列表，元素排列的顺序就是它们在文档中的顺序。
        传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

function object对象

1
2
3
4
5
6
7
8
9
10
#person is object
var person = {
    age: 13,
    name: "test",
    sex: "男"
}
#第一种取值方法
var age1 = person.age; # age1 is 13
#第二种取值方法
var age2 = person["age"];  # age2 is 13

        当变量声明时使用了“new”关键字是，则代表为object对象

String的特殊方法

slice()（python）

        空格也算一个字符串

1
2
3
4
5
6
7
8
9
10
11
12
var str = 'Apple, Banana, Kiwi';
#slice(start,end) 可以从后往前数
var pos = str.slice(-12,-9); # pos = Ban
var pos1 = str.slice(-12); # pos1 = Banana, Kiwi
``` 
### concat()(mysql)
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;两个字符串拼接

``` bash
var text1 = "Apple";
var text2 = "Banana";
var text3 = text1.concat(" ",text2);  #Apple Banana

charAt() & charCodeAt()

        charAt从一个字符串中获得一个字符
        charCodeAt从一个字符串中获得一个字符unicode

number的特殊方法

toExponential()

        该方法是将number转换成string,参数为小数点后的几位

1
2
3
4
var x = 9.656;
x.toExponential(2);     // returns 9.66e+0
x.toExponential(4);     // returns 9.6560e+0
x.toExponential(6);     // returns 9.656000e+0

toFixed()

        该方法是将number转换成string,参数为该数的小数点后的位数，像数学里的四舍五入，但它是指定小数点后的位数

1
2
3
4
5
var x = 9.656;
x.toFixed(0);           // returns 10
x.toFixed(2);           // returns 9.66
x.toFixed(4);           // returns 9.6560
x.toFixed(6);           // returns 9.656000

toPrecision()

        该方法是将number转换成string,参数为该数的位数，像数学里的四舍五入，但它是指定数的位数

1
2
3
4
5
var x = 9.656;
x.toPrecision();        // returns 9.656
x.toPrecision(2);       // returns 9.7
x.toPrecision(4);       // returns 9.656
x.toPrecision(6);       // returns 9.65600

number中的类型转换

        都是从第一位开始转换，若第一个字符串不是数字的则不能转换，返回NaN(Not-a-Number)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Number("12")  # 12
parseFloat("12.5") #12.5
parseInt("12.5") #12

x = true;         //在javaScript中 true为1，其他的数据都为false
Number(x);        // returns 1
x = false;     
Number(x);        // returns 0
x = new Date();
Number(x);        // returns 1404568027739
x = "10"
Number(x);        // returns 10
x = "10 20"
Number(x);        // returns NaN
x = "10 test";
Number(x);       // returns 10
x = "test 10";
Number(x)       // returns NaN

number的特殊几个类型

属性 结果
MAX_VALUE Returns the largest number possible in JavaScript
MIN_VALUE Returns the smallest number possible in JavaScript
NEGATIVE_INFINITY Represents negative infinity (returned on overflow)
NaN Represents a “Not-a-Number” value
POSITIVE_INFINITY Represents infinity (returned on overflow)

Array

三种方法判断是否是Array

        Array.isArray()判断某个变量是否是数组 true /false
        使用关键判断instanceof (var instanceof Array)
        自定义方法判断

1
2
3
function isArray(x) {
    return x.constructor.toString().indexOf("Array") > -1;
}

将Array的值转换成string

1
2
3
4
5
6
7
// toString()
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

//join()
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join();

pop()与push()

        javaScript中对array的操作像对队列一样，使用pop()与push()两种函数可以对数据进行操作

最后更新： 2019年07月06日 16:45

原始链接： https://chenadminchen.github.io/2017/11/21/javaScript-1/

赏
× 请我吃糖~
打赏二维码