JavaScript--函数

夏天，白昼

已于 2022-07-25 00:09:15 修改

阅读量267

点赞数 1

分类专栏： JavaScript 文章标签： javascript

于 2021-04-23 16:44:05 首次发布

本文链接：https://blog.csdn.net/qq_45033897/article/details/116055812

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

欢迎来到阿辉的小小博客

关于数据的相关知识
函数

关于数据的相关知识

数学运算
JavaScript支持加减乘除四则运算，十分的灵活。具体操作如下：

<script>
        alert(22+33);
        alert(22*2-5);
        alert(44/22+4-6/2);
        alert((22+33)/11-2);
   </script>

比较两个数的大小
通过比较运算符可以比较两个数字的大小，具体事例如下：

 <script>
        alert(22>33);		//输出结果为false
        alert(11==11);		//输出结果为true
    </script>

使用字符串保存数据
当需要在警告框中你输出“hello”时，为了在代码中保存“hello”这个数据，就需要用到字符串这种数据类型。

 <script>
        alert("hello");     //双引号字符串
        alert('hello');     //单引号字符串
    </script>

比较两个字符串是否相同
通过使用过“==”运算符来对字符串进行比较。
注意：此处的代码与上面的代码数据类型存在差异，上面的数据类型为常量数据类型，此处的数据类型为字符串类型，所以存在区别。
字符串与数字的拼接
通常使用"+"运算符操作两个字符串时，表示字符串的拼接。

 <script>
        alert("22"+"33");      //输出结果为:2233
    </script>

根据比较结果执行不同的代码
在执行该操作时，最常用的便是if-else语句，还有其他的语句后续会进行细说，所以请各位小伙伴不要急。

 <script>
        if(22>33){
            alert("对的，就是这个结果");
        }else{
            alert("错了哦，再想想吧");
        }
    </script>

使用变量保存数据
当一个数据需要多次使用或者过于难写时，大家就可以采用变量的方式来保存这个数据，非常的好用，very good哦，话不多说，直接上例题：

  <script>
        var a="yyds",b='卢本伟',c=a+b;
        alert(c);					//输出结果为：yyds卢本伟
    </script>

函数

函数的简介

关于函数，相信大家并不陌生，数学里的函数，让人头大，但是这玩意儿方便啊，好用啊，咋们JavaScript里面的函数和数学里的函数差不多，也是多多少少让人烦，但是学完忘掌握之后，你就会发现不一样的函数，对函数这个东西有个新的认识。

函数的作用

JavaScript里的函数主要是为了方便人们后期对代码的修改与完善，函数可以呢在一定程度上减少重复的代码，提高代码的执行程度，并且使得我们的代码看上去更加美观。话不多说，先来个栗子看看吧！

<script>
	//prompt函数的作用时弹出一个输入框，记录用户输入的内容
        var name=prompt("请输入你的名字：");   
   //输出最终的结果
        alert("你的名字是："+name);            
    </script>

自定义函数

像上面的prompt函数，是JavaScript里面内置的，用户还可以自己定义一些函数，用于封装代码。如下为一个简单的求和函数。

<script>
    // 定义函数
    function sum(a,b){
        var c=a+b;
        return c;
    }
    alert(sum(11,22));		//输出结果为:33
    alert(sum(10,28));		//输出结果为:38
</script>

坚持一下啦，令人激动人心的对象来了，观众老爷请接着往下看！

对象

简介：关于对象啊，这个词真的让人是有喜有恨啊，反正博主本人是个单身汪，所以在学习这个时也是哭笑不得。天天喊着对象，然而学校也不分配，估计未来的好几年，都会是和编程里的对象相互打招呼了。言归正传，关于JavaScript里面的对象，其实是非常广泛的，js里的代码，基本上大部分都是对象。每写一串完整的代码，可能就会产生一个对象。所以各位小伙伴在学习时，希望你们的定力，还能撑住。

window对象
window对象时JavaScript与浏览器之间交互的主要接入点，提供了用于控制浏览器的一些接口。利用这些接口，乐意实现淡出警告框，搜索框之类的效果。具体如下：

  window.console;     //用于访问window对象的console属性
     window.document;    //用于访问window对象的document属性
        window.prompt('test');//用于访问window对象的prompt属性

2.document对象
document对象是window对象的属性之意，主要欲望也文档进行交互。

<body>
    <div id="test">hello</div>
    <script>
        // document对象
        //根据元素id来获取元素对象
        var test=document.getElementById('test');	
        //通过innerHTML属性你获取元素内容，输出结果：hello
        alert(test.innerHTML);	 
</script>
</body>

string对象
string对象用于直接定义字符串，定义后可以直接作为对象使用。一个对象包含多个竖向和方法。

    <script>
        // string对象
        var str='apple';		//定义一个字符串
        alert(str.length);		//获取字符串的长度，输出结果为5
        alert(str.toUpperCase());		//获取转换大写后的结果，输出结果为：APPLE
        alert('aa'.toLocaleUpperCase());		//直接调用字符串的成员方法，输出结果：AA
</script>

4.自定义对象
在JavaScript里除了内置的对象，用户也可以通过自己的想法来定义对象，并且为对象添加属性和方法。

  <script>
        //定义一个对象
        var stu={};
        stu.name="tanghui";
        stu.age=20;
        stu.phone=15607284362;
        //访问属性
        alert(stu.name);
        //添加方法
        stu.introduce=function(){
            return '我叫'+this.name+'，我今年'+this.age+'岁。';
        };
        //调用方法
        alert(stu.introduce());
</script>

事件

事件是指在JavaScript侦测到的交互行为，如在网页中的滑动，单击鼠标，滚动屏幕。

<body>
    <input id="btn" type="button" value="test">
    <script>
        //事件
        document.getElementById('btn').onclick=function(){
             alert(this.value);
        };   
</script>
</body>