❤ JavaScript 函数

林太白

已于 2024-05-23 09:58:08 修改

阅读量656

点赞数

分类专栏： Javascript基础文章标签： javascript 前端开发语言

于 2023-05-04 16:51:21 首次发布

林太白

本文链接：https://blog.csdn.net/weixin_43615570/article/details/130490364

版权

Javascript基础专栏收录该内容

9 篇文章 0 订阅

订阅专栏

❤ JavaScript 函数

fromCodePoint() 方法

通过语法和示例解释了如何使用字符串fromCodePoint()方法。
————————————————

❤ 1、认识

在 JavaScript 中， fromCodePoint() 是一种字符串方法，用于从一系列 Unicode 代码点（可能无法用单个 UTF-16 代码单元表示）创建字符串。由于 fromCodePoint() 方法是 String 构造函数的静态方法，因此必须通过 String 构造函数对象而不是通过 String 类的特定实例调用它
————————————————————————————————

❤ 2、了解

在 JavaScript 中， fromCodePoint() 方法的语法是：

String.fromCodePoint(value1, value2, ....);

参数
value1, value2, … Unicode 代码指向转换为字符，然后连接在一起成为一个字符串。
————————————————————————————————
❤ 返回值
fromCodePoint() 方法接受一系列 Unicode 代码点，将这些值转换为字符并将它们连接在一起形成一个字符串。这个结果字符串然后由 fromCodePoint() 方法返回。
————————————————————————————————
❤ 如果将无效的代码点作为参数提供，则 fromCodePoint() 方法将返回 RangeError。
————————————————————————————————
❤ 注意
fromCodePoint() 方法不会更改原始字符串的值。
如果所有 Unicode 值都可以用单个 UTF-16 代码单元表示，您还可以使用fromCharCode() 方法。

❤ 3、使用

如何在 JavaScript 中使用 fromCodePoint() 方法的示例。
例如：

console.log(String.fromCodePoint(134071)); //𠮷
console.log(String.fromCodePoint(‘134071’,‘134071’,‘134071’));//𠮷𠮷𠮷

————————————————————————————————

在这个例子中，我们通过 String 构造函数对象调用了 fromCodePoint() 静态方法。

eval()

❤ 1、认识

eval() 函数会将传入的字符串当做 JavaScript 代码进行执行

谨慎使用！或者永远不要使用 eval！

❤ 2、了解

谨慎使用！或者永远不要使用 eval！
eval(string) // 参数 string 表示 JavaScript 表达式、语句或一系列语句的字符串。表达式可以包含变量与已存在对象的属性。

输出：
返回字符串中代码的返回值。如果返回值为空，则返回 undefined。

* eval() 是全局对象的一个函数属性
如果 eval() 的参数不是字符串， eval() 会将参数原封不动地返回
可以使用一些通用的方法来帮助使用，例如使用 toString()。

var expression = new String("2 + 2");
eval(expression.toString());
//输出 4

* 如果你间接的使用 eval()，比如通过一个引用来调用它，而不是直接的调用 eval。从 ECMAScript 5 起，它工作在全局作用域下，而不是局部作用域中。这就意味着，例如，下面的代码的作用声明创建一个全局函数，并且 eval 中的这些代码在执行期间不能在被调用的作用域中访问局部变量

function test() {
  var x = 2, y = 4;
  console.log(eval('x + y'));  // 直接调用，使用本地作用域，结果是 6
  var geval = eval; // 等价于在全局作用域调用
  console.log(geval('x + y')); // 间接调用，使用全局作用域，throws ReferenceError 因为`x`未定义
  (0, eval)('x + y'); // 另一个间接调用的例子
}

eval() 是一个危险的函数，它使用与调用者相同的权限执行代码。如果你用 eval() 运行的字符串代码被恶意方（不怀好意的人）修改，您最终可能会在您的网页/扩展程序的权限下，在用户计算机上运行恶意代码。更重要的是，第三方代码可以看到某一个 eval() 被调用时的作用域，这也有可能导致一些不同方式的攻击。相似的 Function 就不容易被攻击。

eval() 通常比其他替代方法更慢，因为它必须调用 JS 解释器，而许多其他结构则可被现代 JS 引擎进行优化。

此外，现代JavaScript解释器将javascript转换为机器代码。这意味着任何变量命名的概念都会被删除。因此，任意一个eval的使用都会强制浏览器进行冗长的变量名称查找，以确定变量在机器代码中的位置并设置其值。另外，新内容将会通过 eval() 引进给变量，比如更改该变量的类型，因此会强制浏览器重新执行所有已经生成的机器代码以进行补偿。但是，（谢天谢地）存在一个非常好的eval替代方法：只需使用 window.Function。这有个例子方便你了解如何将eval()的使用转变为Function()。

❤ 3、使用

谨慎使用！或者永远不要使用 eval！

console.log(eval('2 + 2'));
// expected output: 4
console.log(eval(new String('2 + 2')));
// expected output: 2 + 2
console.log(eval('2 + 2') === eval('4'));
// expected output: true
console.log(eval('2 + 2') === eval(new String('2 + 2')));
// expected output: false

getOwnPropertyDescriptor()方法

❤ Javascript getOwnPropertyDescriptor()方法

1、定义

获取指定对象的自身属性描述符。自身属性描述符是指直接在对象上定义（而非从对象的原型继承）的描述符。

2、语法

Object.getOwnPropertyDescriptor(object, propertyname)

3、参数列表

object:必需,包含属性的对象。
propertyname: 必需,属性的名称。

有个概念叫属性描述符【前面的文章中…】

4、getOwnPropertyDescriptor（）方法使用案例（资源已放在文章末尾）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script type="text/javascript">
        //定义一个空的对象
         var person={};

        //结合Object.defineProperty方法来定义属性名，以及给值
        Object.defineProperty(person,"name",{
            value:"Nicholas",
            configurable:false,
            writable:true
        });
        console.log(person,'1'); // name: "Nicholas"
        person.name="xiaohong"; // {name: 'xiaohong'}
        console.log(person,'2');
        var descriptor=Object.getOwnPropertyDescriptor(person,"name");
        console.log(descriptor,'3'); 
        // 打印出
        // {
        //      "value": "xiaohong",
        //         "writable": true,
        //         "enumerable": false,
        //         "configurable": false
        // }


        descriptor.writable=false; 
        console.log(descriptor,'4'); 
        // 打印出
        // {
        //      "value": "xiaohong",
        //         "writable": false,
        //         "enumerable": false,
        //         "configurable": false
        // }


        for(var prop in descriptor){
            console.log(prop+":"+descriptor[prop]);
        }
        // 打印出
            // value:xiaohong
            // writable:false
            // enumerable:false
            // configurable:false
    </script>
</body>
</html>